Cos'è il builder
Il builder della vetrina è un editor visuale che ti permette di progettare ogni pagina del tuo negozio senza scrivere codice. Le modifiche che apporti vengono visualizzate in tempo reale sul lato destro dello schermo. Niente diventa visibile ai clienti finché non clicchi su Pubblica.
Il layout del builder
Il builder è diviso in tre aree:
- Barra laterale sinistra: schede per passare tra mercati, pagine, sezioni e impostazioni globali. L'assistente AI si trova in fondo alla barra laterale.
- Pannello di controllo: appare quando selezioni una sezione o un blocco, mostrando tutte le sue impostazioni.
- Riquadro di anteprima: una visualizzazione in tempo reale del tuo negozio esattamente come lo vedranno i clienti.
Passare tra pagine e mercati
Usa la scheda Pagine (icona pagine) nella barra laterale sinistra per passare tra le pagine che puoi modificare (Home, Prodotto, Carrello e così via). Usa la prima scheda (icona bandiera del paese) per passare tra i tuoi mercati attivi. Ogni combinazione mercato-pagina ha il proprio modello e la propria cronologia di annullamento.
Anteprima su dispositivi diversi
La barra superiore contiene i pulsanti di attivazione del viewport: Mobile, Desktop, Schermo intero e un'icona di espansione che apre una finestra di anteprima isolata. Usali per controllare come appare il tuo negozio su diverse dimensioni di schermo prima della pubblicazione.
Aggiungere una sezione
- Nella barra laterale sinistra, trova l'elenco Sezioni per la pagina corrente.
- Clicca sul pulsante + Aggiungi sezione che appare tra le sezioni, oppure apri il menu a tre punti su una sezione esistente e scegli Aggiungi prima o Aggiungi dopo.
- Si apre un selettore che mostra tutti i tipi di sezione disponibili per la pagina corrente. Clicca su un tipo di sezione per aggiungerla.
Suggerimento: Ogni tipo di sezione ha un numero massimo di istanze per pagina. Quando raggiungi il limite, il pulsante aggiungi mostra il conteggio e un tooltip che spiega che il massimo è stato raggiunto.
Aggiungere un blocco all'interno di una sezione
Seleziona una sezione, poi nel suo pannello di controllo clicca su + Aggiungi blocco. I blocchi sono i mattoni all'interno di una sezione: testo, immagini, pulsanti, gruppi di layout, divisori e altro. I tipi di blocchi disponibili e quanti ne puoi aggiungere variano per sezione.
Riordinare sezioni e blocchi
Nell'elenco delle sezioni, trascina qualsiasi riga di sezione verso l'alto o verso il basso per cambiarne la posizione nella pagina. L'anteprima si aggiorna immediatamente. I blocchi all'interno di una sezione possono essere riordinati allo stesso modo all'interno del pannello di controllo.
Nascondere ed eliminare le sezioni
Ogni riga di sezione nella barra laterale ha un'icona occhio per attivare/disattivare la visibilità e un'icona cestino per eliminarla definitivamente. Il menu a tre punti (…) espone anche Nascondi/Mostra ed Elimina. Le sezioni nascoste rimangono nel tuo modello ma non vengono mostrate ai clienti.
Duplicare una sezione
Apri il menu a tre punti sulla riga della sezione nella barra laterale sinistra e clicca su Duplica. Una copia appare immediatamente sotto l'originale solo nella pagina corrente.
Copiare il contenuto o lo stile di una sezione in un'altra
Apri il menu a tre punti sulla sezione sorgente e clicca su Copia. Poi apri il menu a tre punti sulla sezione di destinazione e clicca su Incolla per sostituire tutto il contenuto e lo stile, oppure su Incolla solo stile per copiare solo lo stile visivo senza toccare il contenuto.
Applicare una sezione di livello superiore a tutte le pagine
L'Intestazione, il Piè di pagina e la Barra degli annunci appaiono su ogni pagina. Se modifichi l'intestazione nella pagina Home e vuoi che tutte le altre pagine usino la stessa versione, apri il menu a tre punti sulla sezione dell'intestazione e scegli Applica a tutte le pagine. Questo sovrascrive quella sezione su ogni altra pagina, quindi l'azione non può essere annullata. Assicurati di essere soddisfatto del risultato prima.
Modalità ispettore
Clicca sul pulsante Ispettore (icona cursore) nella barra superiore per attivare la modalità ispettore. Quando attiva, cliccando su qualsiasi elemento nell'anteprima live si evidenzia e apre immediatamente quella sezione o blocco nel pannello di controllo. Questo è il modo più rapido per passare a una sezione specifica senza scorrere la barra laterale. Clicca di nuovo il pulsante Ispettore per disattivarlo.
Annulla e ripristina
La barra superiore contiene i pulsanti Annulla (icona freccia di ritorno) e Ripristina. La cronologia di annullamento e ripristino è definita per mercato e pagina, quindi annullare nella pagina Home non influisce sulle modifiche apportate nella pagina Prodotto.
Salvataggio e pubblicazione
Clicca sul pulsante Pubblica (in alto a destra nella barra) per rendere attive le modifiche correnti. Il pulsante è disabilitato quando non ci sono modifiche non salvate. La pubblicazione è per mercato e per pagina, quindi pubblicare la pagina Home non pubblica automaticamente le modifiche alla pagina Prodotto.
Cosa controllare prima di pubblicare
- Passa alla visualizzazione Mobile e scorri l'intera pagina, poiché la maggior parte dei clienti è su mobile.
- Controlla il contrasto del testo rispetto al colore di sfondo di ogni sezione.
- Assicurati che ogni blocco immagine abbia un file media selezionato, poiché i segnaposto immagine vuoti appaiono come spazio vuoto nel negozio live.
- Conferma che i link nei pulsanti e nei menu puntino alle destinazioni corrette.