Biblioteca de componentes

A maioria dos testes que valem a pena adiciona alguma coisa: uma faixa de confiança embaixo da chamada para ação, um FAQ que responde à objeção, uma barra fixa no celular, um pop-up com as condições da oferta. A aba Add do editor é uma biblioteca desses elementos, prontos, então uma variante pode acrescentar uma seção em vez de só mudar a cor do que já existe. Clique em um item para colocá-lo depois do elemento selecionado, ou arraste-o para a página e uma linha azul mostra exatamente onde ele vai ficar.

Os componentes foram feitos para parecer nativos sem trabalho de design. Eles usam a fonte e os tamanhos de título do próprio site, derivam os cards e as bordas da cor de texto do próprio site para ficarem legíveis tanto em sites claros quanto escuros, e pegam a cor de destaque de onde são colocados: um botão colocado ao lado do botão vermelho do site fica vermelho.

A biblioteca cobre doze blocos (hero, recursos, chamada para ação, depoimento, FAQ, acordeão, faixa de confiança, ícones e logos, pop-up, barra fixa, barra de anúncio e selo), layouts de uma seção a três colunas, o básico, de títulos a espaçadores, e vídeo, um slider de imagens e uma galeria. As colunas se empilham no celular e o slider funciona deslizando o dedo. O FAQ, o acordeão, o pop-up e o slider funcionam sem JavaScript extra, e o YouTube toca pelo player sem cookies.

Depois de adicionado, um componente é markup comum na variante. Dê um duplo clique no texto dele para reescrevê-lo, estilize qualquer parte dele no inspetor e dê ao texto os dados da própria página, então uma barra fixa criada uma vez mostra o nome e o preço de cada produto.