Biblioteca de componentes

A maioria dos testes que vale a pena correr acrescenta algo: uma linha de confiança por baixo da chamada à acção, uma FAQ que responde à objecção, uma barra fixa no telemóvel, um pop-up com as condições da oferta. O separador Add do editor é uma biblioteca desses elementos, prontos a usar, para que uma variante possa acrescentar uma secção em vez de apenas mudar a cor do que lá está. Clique num mosaico para o colocar depois do elemento seleccionado, ou arraste-o para a página e uma linha azul mostra exactamente onde vai ficar.

Os componentes são desenhados para parecerem nativos sem trabalho de design. Usam o tipo de letra e os tamanhos de título do próprio site, misturam os seus cartões e contornos a partir da cor de texto do próprio site para que fiquem legíveis tanto em sites claros como escuros, e vão buscar a cor de destaque ao sítio onde são colocados: um botão largado ao lado do botão vermelho do site fica vermelho.

A biblioteca cobre doze blocos (hero, funcionalidades, chamada à acção, testemunho, FAQ, acordeão, linha de confiança, ícones e logótipos, pop-up, barra fixa, barra de anúncio e emblema), disposições de uma secção a três colunas, os elementos básicos, de títulos a espaçadores, e vídeo, um carrossel de imagens e uma galeria. As colunas empilham-se nos telemóveis e o carrossel desliza com o dedo. A FAQ, o acordeão, o pop-up e o carrossel funcionam sem JavaScript adicional, e o YouTube é reproduzido através do seu leitor sem cookies.

Depois de acrescentado, um componente é markup comum na variante. Faça duplo clique no texto para o reescrever, estilize qualquer parte dele no inspector, e dê ao seu texto os dados da própria página, para que uma barra fixa construída uma vez mostre o nome e o preço de cada produto.