Libreria di componenti

La maggior parte dei test che vale la pena eseguire aggiunge qualcosa: una riga di rassicurazioni sotto la call to action, una FAQ che risponde all’obiezione, una barra fissa su mobile, un pop-up con le condizioni dell’offerta. La scheda Add dell’editor è una libreria di questi elementi, già pronti, così una variante può aggiungere una sezione invece di limitarsi a ricolorare ciò che c’è. Clicchi un riquadro per collocarlo dopo l’elemento selezionato, oppure lo trascini sulla pagina e una linea blu mostra esattamente dove finirà.

I componenti sono pensati per sembrare nativi senza lavoro di design. Usano il font e le dimensioni dei titoli del sito, ricavano schede e bordi dal colore del testo del sito, così risultano leggibili sia sui siti chiari sia su quelli scuri, e prendono il colore d’accento dal punto in cui sono collocati: un pulsante inserito accanto al pulsante rosso del sito diventa rosso.

La libreria comprende dodici blocchi (hero, funzionalità, call to action, testimonianza, FAQ, accordion, riga di rassicurazioni, icone e loghi, pop-up, barra fissa, barra degli annunci e badge), layout da una sezione a tre colonne, gli elementi di base dai titoli agli spaziatori, e video, uno slider di immagini e una galleria. Su smartphone le colonne si impilano e lo slider si scorre con un dito. La FAQ, l’accordion, il pop-up e lo slider funzionano senza JavaScript aggiuntivo, e YouTube viene riprodotto tramite il suo player senza cookie.

Una volta aggiunto, un componente è normale markup nella variante. Faccia doppio clic sul testo per riscriverlo, dia stile a qualsiasi sua parte nell’inspector e inserisca nel testo i dati della pagina, così una barra fissa creata una sola volta mostra nome e prezzo di ciascun prodotto.