Dove si trova il pannello Impostazioni
Il pannello Impostazioni del builder contiene i controlli di design e comportamento a livello di negozio che stanno al di fuori di ogni singola sezione. Apri il builder, poi nella barra di icone a sinistra clicca sull'icona dell'ingranaggio (le icone della bandiera del mercato, delle pagine e dei post stanno sopra di essa). Il pannello si apre come schede comprimibili: Branding, Colori, Font, Layout, Animazioni, Automazioni, Campi, Icone, Restrizioni, Checkout, Modulo checkout, Pagina di manutenzione, CSS personalizzato e JavaScript personalizzato. Ogni modifica è una bozza finché non premi Pubblica nella barra in alto.
Le impostazioni sono memorizzate per mercato
Tutte queste impostazioni sono salvate per mercato, non una volta per tutto il negozio. Il sottotitolo del pannello recita "Impostazioni globali di [nome del mercato]" per mostrare quale mercato stai modificando. Cambia mercato prima con l'icona della bandiera, poi apri Impostazioni. All'interno di un mercato le impostazioni sono globali su ogni pagina.
Branding
Questa scheda contiene due risorse immagine (non contiene il tuo logo, che si imposta dentro la sezione header, non qui):
- Favicon: la piccola icona della scheda del browser. Accetta PNG, JPEG, WEBP o ICO (consigliato 32x32 o 16x16).
- Immagine del corpo: uno sfondo facoltativo a livello di negozio. Accetta PNG, JPEG o WEBP. Quando è impostata, appaiono altri due controlli: Dimensione (Copri o Contieni) e un interruttore Ripeti.
Colori
Ogni mercato ha fino a nove schemi di colore (minimo uno). Ogni sezione, blocco e componente fa riferimento a uno schema tramite il suo numero, quindi modificare uno schema ricolora tutto ciò che lo usa. Clicca su una scheda per modificarne i colori, clicca con il tasto destro per Duplicare (bloccato a nove) o Eliminare (bloccato sull'ultimo schema), e trascina per riordinare. Uno schema definisce i colori per sfondi, titoli, testo del corpo, link, bordi, contorni, ombre, pulsanti primari e secondari (con stati al passaggio del mouse) e campi del modulo.
Font
La tipografia associa una famiglia di font a quattro ruoli:
- Corpo: paragrafi e testo generale.
- Titolo: grandi titoli di pagina e di sezione.
- Sottotitolo: titoli secondari e sottotitoli di sezione.
- Accento: enfasi decorativa.
Il selettore di font (con ricerca) divide i font in Font di sistema (si caricano all'istante) e Font non di sistema (scaricati al visitatore, possono rallentare il caricamento). Usare più di un font non di sistema può penalizzare la velocità della pagina. Ogni font latino viene abbinato automaticamente a un font arabo corrispondente, così le lingue da destra a sinistra si renderizzano in modo pulito.
Layout
Un solo controllo: Larghezza della pagina, un cursore da 900px a 1400px a passi di 100px (predefinito 1200). Questa è la larghezza massima del contenuto solo sui grandi schermi desktop. Su mobile la larghezza è sempre 100%. Le sezioni impostate a larghezza intera ignorano questo valore e si estendono da bordo a bordo.
Animazioni
- Rivelazione allo scorrimento: come le sezioni si animano quando entrano nella viewport: Nessuna, Dissolvenza, Scorri su, Scorri a sinistra o Zoom (predefinito Scorri su).
- Effetto zoom immagini: un interruttore che abilita lo zoom al passaggio del mouse sulle immagini dei prodotti.
Automazioni
Un solo interruttore: Riproduzione automatica dei video. Quando è attivo, i blocchi video iniziano a riprodursi da soli. A causa delle policy dei browser restano muti finché il visitatore non interagisce con la pagina.
Campi (stile dei campi del modulo)
Questa scheda definisce lo stile di ogni campo della vetrina. Non ha un'opzione di colore (i colori dei campi provengono dallo schema di colore). I controlli sono:
- Tipo (Layout): Comprimi posiziona ogni etichetta sopra il proprio campo, Espandi posiziona un'etichetta sopra l'intero gruppo di campi come intestazione.
- Icone: Nessuna nasconde le icone dei campi, Predefinita le mostra dentro il campo, Etichetta le collega all'etichetta.
- Posizione: Inizio o Fine, mostrata solo quando Icone è impostato su Predefinita.
Icone
Un solo controllo: Spessore, il peso delle linee delle icone dell'interfaccia, impostato su Predefinito (normale) o Marcato (in grassetto).
Restrizioni
Limita le interazioni del browser per rendere più difficile la copia occasionale. Opzioni generali: Copiare testi e immagini, Selezionare testi e immagini, Accedere al menu contestuale (tasto destro) e Ispezionare la pagina (rimuove il contenuto della pagina se vengono rilevati strumenti di sviluppo). Un'opzione Header separata, Il logo reindirizza alla home, fa sì che il logo dell'header rimandi alla home page quando è attivo, o sia decorativo quando è spento.
Checkout
- Metodo di checkout: Aggiungi al carrello fa passare gli acquirenti attraverso il drawer del carrello, Checkout rapido salta il carrello e va dritto al modulo d'ordine.
- Metodo secondario: un interruttore che offre anche il metodo opposto come opzione secondaria, così un negozio con checkout rapido può comunque mostrare un pulsante di aggiunta al carrello, e viceversa.
Modulo checkout
Questa scheda controlla ogni campo del modulo d'ordine. Ogni campo è una riga che puoi trascinare per riordinare. Per ogni campo imposti:
- Stato: Disattivato (nascosto, rimosso dal modulo), Attivato (mostrato ma facoltativo) o Obbligatorio (l'acquirente deve compilarlo).
- Etichetta: il nome visibile del campo (fino a 50 caratteri).
- Segnaposto: il testo suggerimento dentro il campo vuoto (fino a 50 caratteri).
I campi di regione (Distretto, Città, Stato, Comune, Provincia) ottengono anche un controllo Tipo (Campo per testo libero o Selezione per un menu a tendina), ma solo quando il paese del mercato attivo ha dati di localizzazione curati. I campi disponibili includono nome completo, nome/cognome, azienda, sesso, data di nascita, indirizzo, indirizzo riga 2, documento nazionale, quartiere, distretto, appartamento, piano, CAP, città, stato, comune, provincia, nota dell'ordine, regalo, email, telefono, WhatsApp, link, colore, spedizione e pagamento. Poiché il modulo è per mercato, puoi richiedere un documento nazionale in un mercato e nasconderlo in un altro.
Pagina di manutenzione
Nascondi la vetrina dietro una pagina di attesa durante gli aggiornamenti. Controlli: un interruttore principale Attivato (quando è attivo, ogni rotta mostra la pagina di manutenzione, non solo la homepage), un Titolo (testo semplice, fino a 100 caratteri), un Messaggio (testo formattato, fino a 500 caratteri) e uno Schema di colore. Disattiva Attivato per riportare online il negozio.
CSS personalizzato e JavaScript personalizzato
Per modifiche avanzate, CSS personalizzato inietta i tuoi stili (fino a 1000 caratteri) e JavaScript personalizzato inietta i tuoi script come il tracciamento di terze parti (fino a 1000 caratteri). Entrambi si applicano all'intero negozio, quindi usali solo se ti trovi a tuo agio con il codice.