Creare un banner

Questo è il percorso completo, dalla pagina Banners vuota a una barra visibile a chi visita il negozio.

Attenzione

L’incorporamento app deve essere attivo, altrimenti nulla di ciò che crea l’app verrà mostrato nella tua vetrina. Consulta Attivare l’incorporamento app.

1. Apri Banners e creane uno

   Nel menu dell’app, clicca su Banners, poi su Create banner.

   Se è il primo, la pagina mostra Create your first banner con lo stesso pulsante al centro.

   

   La pagina Banners prima di crearne uno.

2. Scegli un punto di partenza

   Si apre una finestra con dieci modelli iniziali, raggruppati per scopo. Clicca su uno a sinistra e l’anteprima a destra mostra la barra come apparirà in una pagina.

   Gruppo	Modelli iniziali
   Sale and urgency	Flash sale, Black Friday, Selling fast, Sticky footer
   Discount code	Discount code, Welcome offer
   Shipping	Free shipping, Shipping cutoff
   Announcement	Announcement, New arrivals

   Sotto l’anteprima, piccole etichette indicano cosa contiene (Text, Countdown, Button) e dove si trova.

   Preferisci partire da zero? Scegli Start from blank in fondo all’elenco.

   Clicca su Use this template.

   

   Ogni modello iniziale può essere modificato in seguito: nulla al suo interno è fisso.

3. Dagli un nome

   Si apre il builder. In alto a sinistra, sostituisci il nome con qualcosa che riconoscerai nell’elenco: «Black Friday top bar», non «Banner 3».

   Il contatore accanto al campo indica quanto spazio resta.

4. Scrivi cosa dice la barra

   Il pannello Content elenca gli elementi della barra. Clicca su uno e le sue impostazioni si aprono nella colonna a destra.

   • Clicca su Text per cambiare il messaggio
   • Clicca su Countdown per impostare la data di fine
   • Clicca su Button per cambiare l’etichetta e la destinazione
   • Trascina la maniglia a sinistra di una riga per riordinare
   • Add element ne aggiunge uno nuovo in fondo

   Consulta Contenuto ed elementi della barra per scoprire cosa può fare ogni elemento.

   

   Scegli un elemento a sinistra, modificalo a destra.

5. Applica lo stile

   Apri il pannello Design, l’icona del pennello nella barra laterale.

   Imposta lo sfondo, i colori del testo e dell’accento, lo spazio occupato dalla barra e se chi visita il negozio può chiuderla. Consulta Progettare un banner.

6. Scegli dove mostrarlo

   Apri il pannello Placement, la terza icona nella barra laterale.

   • Top of the page spinge la pagina verso il basso; Bottom of the page la fissa in fondo allo schermo
   • Stay on screen la mantiene visibile mentre si scorre la pagina
   • Conditions decidono quali pagine la mostrano: lasciala su All pages per mostrarla ovunque
   • Devices la limita a desktop o dispositivi mobili
   • Schedule la attiva e la disattiva in automatico

   Consulta Dove appare un banner.

7. Controlla l’anteprima

   Il centro del builder mostra la barra in una pagina di vetrina di prova. Le due icone in alto passano dalla larghezza desktop a quella mobile: vale la pena controllare, perché una barra che si legge bene su un portatile può risultare stretta su un telefono.

8. Imposta Active e salva

   Accanto al nome, passa da Draft ad Active, poi clicca su Save.

   Draft salva il banner senza mostrarlo a nessuno. Active lo pubblica nella vetrina.

   

   Un banner deve essere Active perché chi visita il negozio possa vederlo.

9. Guarda la tua vetrina

   Apri il tuo negozio in una nuova scheda e ricarica la pagina. La barra dovrebbe trovarsi in alto o in fondo alla pagina.

   Non c’è? Segui Il conto alla rovescia non viene mostrato: gli stessi controlli valgono anche per i banner.

Se il pulsante ha bisogno di un link

Un pulsante impostato su Open a link richiede un URL prima che il banner possa essere salvato come Active. I modelli iniziali includono già /collections/all, quindi cambialo con la pagina in cui vuoi far arrivare chi visita il negozio.

Passaggi successivi

• Contenuto ed elementi della barra
• Progettare un banner
• Animazione e gruppi
• Dove appare un banner