La maggior parte dei clienti ordina da dispositivi mobili, quindi ti consigliamo di controllare l’anteprima mobile prima di salvare le modifiche.
Cosa puoi personalizzare
La barra laterale di Design & Branding è organizzata in tre sezioni principali:Prima di iniziare
Accesso alle funzionalità Design & Branding
Alcune sezioni di Design & Branding sono disponibili solo con storekit+. Se una sezione è bloccata nel tuo admin, il tuo piano attuale potrebbe non includere l’accesso completo a Design & Branding. Per sbloccare tutte le opzioni di Design & Branding, dovrai eseguire l’upgrade a storekit+.Ti serve accesso completo a Design & Branding? Contatta il supporto storekit per aggiungere questa funzionalità al tuo account. È richiesto un abbonamento storekit+.
Branding
Le impostazioni Branding controllano l’identità visiva della tua pagina di ordinazione. La sezione Branding include:- Immagini
- Tipografia
- Pulsanti
- Colori
Immagini
La sezione Immagini ti consente di aggiornare le principali risorse immagine utilizzate sulla tua pagina di ordinazione.Suggerimenti per le immagini
- Usa immagini di alta qualità che corrispondano al tuo brand.
- Mantieni i loghi semplici e facili da riconoscere.
- Usa immagini quadrate per loghi e favicon.
- Usa immagini landscape per le immagini di intestazione.
- Evita di posizionare testo importante vicino al bordo delle immagini di intestazione, poiché le immagini possono essere ritagliate in modo diverso su mobile.
- Controlla sempre l’anteprima mobile prima di salvare.
Le immagini di intestazione possono essere ritagliate in modo diverso a seconda delle dimensioni dello schermo. Per i migliori risultati, mantieni la parte più importante dell’immagine centrata.
Tipografia
La sezione Tipografia ti consente di regolare lo stile del testo utilizzato in tutta la tua pagina di ordinazione. Puoi personalizzare la tipografia per diverse aree di testo, come intestazioni, corpo del testo, pulsanti e testo del menu. Ciascuna impostazione tipografica controlla il font usato, se il testo è in maiuscolo e la scala delle dimensioni.Font
L’impostazione del font controlla il carattere tipografico utilizzato per l’area di testo selezionata. Per impostazione predefinita, la pagina di ordinazione può utilizzare il font di sistema. Puoi anche caricare un file di font personalizzato dove supportato.I font personalizzati devono essere caricati come file font
WOFF2.Maiuscole
L’interruttore delle maiuscole ti consente di scegliere se l’area di testo selezionata utilizza le maiuscole standard o lo stile maiuscolo. Questo può essere utile per far risaltare più chiaramente intestazioni, pulsanti o etichette del menu.Scala delle dimensioni
La scala delle dimensioni ti consente di regolare la dimensione relativa dell’area di testo selezionata. Ad esempio, ridurre la scala delle dimensioni rende il testo selezionato più piccolo, mentre aumentarla lo rende più grande. Questo è utile se intestazioni, nomi dei prodotti, descrizioni o pulsanti sembrano troppo grandi o troppo piccoli per il design del tuo negozio.Suggerimenti per la tipografia
- Carica un file di font
WOFF2se usi un font personalizzato. - Scegli stili di testo facili da leggere.
- Usa le maiuscole con attenzione, specialmente per testi più lunghi.
- Regola la scala delle dimensioni se intestazioni, voci di menu o pulsanti sembrano troppo grandi o troppo piccoli.
- Controlla nomi di prodotti e descrizioni più lunghi prima di salvare.
- Controlla sempre l’anteprima mobile prima di salvare.
Le modifiche tipografiche possono influenzare la spaziatura e il layout, specialmente su mobile. Controlla sempre l’anteprima mobile prima di salvare.
Pulsanti
La sezione Pulsanti ti consente di personalizzare l’aspetto dei pulsanti rivolti al cliente in tutta la tua pagina di ordinazione. I pulsanti vengono utilizzati per azioni importanti del cliente, come aggiungere articoli al cestino, visualizzare il cestino, iniziare il checkout e effettuare un ordine.Suggerimenti per i pulsanti
- Usa colori che si distinguano chiaramente dallo sfondo della pagina.
- Assicurati che il testo del pulsante sia facile da leggere.
- Controlla azioni importanti come Add to basket, View basket e i pulsanti di checkout.
- Evita colori dei pulsanti che si mescolino con la pagina.
Colori
La sezione Colori ti consente di personalizzare la palette di colori della tua pagina di ordinazione. Le impostazioni dei colori influenzano il tema generale, gli sfondi, il testo, gli accenti, i pulsanti, le voci di menu, i modificatori e altri elementi rivolti al cliente.Preset
I preset ti consentono di applicare rapidamente un tema di colori predefinito alla tua pagina di ordinazione. Questo può essere utile se vuoi partire da uno stile già pronto, come un tema minimale, un tema in modalità scura o un’altra palette preset, prima di apportare modifiche più dettagliate ai colori.Dopo aver scelto un preset, puoi comunque regolare manualmente i singoli campi di colore.
Mostra avvisi di contrasto
L’interruttore Show contrast warnings evidenzia le coppie di colori di testo e sfondo che potrebbero essere difficili da leggere. Quando abilitato, Design & Branding controlla se le combinazioni di colori selezionate soddisfano le linee guida di contrasto WCAG AA.Gli avvisi di contrasto evidenziano coppie testo/sfondo che non superano il contrasto WCAG AA:
4.5:1 per testo standard e 3:1 per testo grande. Punta ad AA o superiore per garantire la leggibilità a tutti gli utenti.Impostazioni dei colori
Suggerimenti per i colori
- Inizia con un preset se vuoi un tema veloce, poi regola i singoli colori come necessario.
- Usa i colori del tuo brand dove possibile.
- Usa codici hex esatti se hai linee guida per il brand.
- Attiva Show contrast warnings durante la modifica.
- Assicurati che il testo rimanga leggibile sullo sfondo.
- Controlla pulsanti, cestino, checkout, avvisi, modificatori e descrizioni dei prodotti.
- Visualizza in anteprima su mobile prima di salvare.
Layout
Le impostazioni di Layout controllano come è organizzata la tua pagina di ordinazione e come i clienti navigano nel menu, nel cestino e nell’intestazione. La sezione Layout include:- Menu
- Voci di menu
- Cestino
- Stile dell’intestazione
Menu
La sezione Menu ti consente di personalizzare come il tuo menu viene visualizzato ai clienti. Puoi scegliere il layout complessivo degli articoli, regolare quante colonne vengono mostrate su desktop e mobile, controllare la dimensione delle immagini, scegliere la direzione degli articoli e decidere come appaiono le immagini di navigazione delle categorie.Le modifiche al layout del menu influenzano come i clienti navigano nel tuo menu. Controlla sempre l’anteprima desktop e mobile prima di salvare.
Layout degli articoli
Il layout degli articoli controlla la struttura complessiva utilizzata per visualizzare le voci di menu.Personalizza il layout del menu
Le opzioni Personalizza ti consentono di regolare il layout selezionato in maggior dettaglio.Direzione dell’articolo
La direzione dell’articolo controlla come sono disposti l’immagine e il testo all’interno di ciascuna voce di menu.Immagini di navigazione delle categorie
Le immagini di navigazione delle categorie controllano se le immagini delle categorie vengono mostrate nella navigazione del menu.Suggerimenti per il menu
- Scegli un layout adatto alla dimensione e allo stile del tuo menu.
- Usa layout a lista o compatti per menu più semplici.
- Usa layout a card o griglia se il tuo menu si basa fortemente sulle immagini.
- Mantieni le colonne mobile facili da navigare. Una colonna è di solito più chiara per nomi o descrizioni lunghi.
- Controlla i prodotti con nomi lunghi, descrizioni lunghe, modificatori e immagini prima di salvare.
- Attiva il simbolo della valuta se i prezzi non sono chiari senza di esso.
- Se usi le immagini di navigazione delle categorie, assicurati che le immagini delle categorie siano chiare e coerenti.
- Visualizza in anteprima sia desktop che mobile prima di salvare.
Design & Branding controlla come viene presentato il tuo menu. Nomi, prezzi, modificatori, immagini e disponibilità dei prodotti potrebbero dover essere aggiornati dall’editor del menu o da un’altra area rilevante dell’admin.
Voci di menu
La sezione Voci di menu ti consente di personalizzare come i singoli prodotti appaiono sulla tua pagina di ordinazione e come vengono mostrati i dettagli degli articoli quando un cliente apre un articolo. Questo include il layout del modale dell’articolo, la visualizzazione dei modificatori, la visualizzazione delle scorte basse, la visualizzazione degli allergeni, informazioni sui macronutrienti, controlli dell’età e quante righe di testo dell’articolo vengono mostrate.Le impostazioni delle voci di menu influenzano come i clienti visualizzano i prodotti ed effettuano selezioni. Controlla sempre gli articoli con immagini, modificatori, allergeni e descrizioni lunghe prima di salvare.
Modale dell’articolo
Il modale dell’articolo è la finestra pop-up o la vista dettaglio dell’articolo che i clienti vedono quando selezionano una voce di menu.Stile dell’immagine del modale
Vista desktop del modale
Posizione del contenuto
Stile dei modificatori
Lo stile dei modificatori controlla come appaiono le opzioni degli articoli e i gruppi di modificatori quando i clienti personalizzano un articolo.Visualizzazione delle scorte basse
La visualizzazione delle scorte basse controlla se i clienti possono vedere le informazioni sull’inventario rimanente per gli articoli con scorte limitate.Usa le opzioni di visualizzazione dell’inventario solo se i livelli di stock sono attivamente mantenuti e accurati.
Visualizzazione degli allergeni
La visualizzazione degli allergeni controlla come appaiono le informazioni sugli allergeni sulle voci di menu.Calcolatore di macronutrienti
Il calcolatore di macronutrienti controlla se le informazioni nutrizionali sui macronutrienti vengono mostrate ai clienti, dove disponibili.Controllo dell’età
Il controllo dell’età controlla se ai clienti viene chiesto di confermare la loro età prima di visualizzare o ordinare determinati articoli.Line clamp del nome della voce di menu
Il line clamp del nome della voce di menu controlla quante righe del nome dell’articolo vengono mostrate prima che il testo venga accorciato.
Ad esempio, impostare questo su
1 mantiene i nomi degli articoli su una riga dove possibile. Aumentando il numero si consente ai nomi degli articoli più lunghi di essere mostrati più completamente.
Righe di descrizione dell’articolo
Le righe di descrizione dell’articolo controllano quante righe della descrizione dell’articolo vengono mostrate nell’anteprima della voce di menu.
Questo può essere utile se vuoi un layout di menu più pulito o se le descrizioni sono molto lunghe.
Suggerimenti per le voci di menu
- Controlla i prodotti con nomi lunghi.
- Controlla i prodotti con descrizioni lunghe.
- Rivedi gli articoli con modificatori o opzioni.
- Controlla gli articoli con immagini di prodotto.
- Controlla la visualizzazione degli allergeni dove vengono utilizzate informazioni sugli allergeni.
- Usa la visualizzazione delle scorte basse solo se l’inventario è accurato.
- Sii attento con le impostazioni del controllo dell’età e usale solo dove appropriato.
- Controlla il modale dell’articolo su desktop e mobile prima di salvare.
- Evita layout che rendano il menu troppo affollato su mobile.
Design & Branding controlla come vengono visualizzate le voci di menu. Nomi, prezzi, descrizioni, immagini, modificatori, allergeni, inventario e disponibilità dei prodotti potrebbero dover essere aggiornati dall’editor del menu o da un’altra area rilevante dell’admin.
Cestino
La sezione Cestino ti consente di personalizzare come appare il cestino del cliente durante il percorso di ordinazione. Le impostazioni del cestino influenzano come i clienti rivedono gli articoli selezionati, visualizzano i prezzi e continuano al checkout.Il cestino è una parte importante del checkout. Assicurati che i clienti possano rivedere chiaramente i loro articoli e continuare a effettuare l’ordine.
Immagini degli articoli
Le immagini degli articoli controllano se le immagini dei prodotti vengono mostrate all’interno del cestino.Personalizza le immagini degli articoli
L’opzione Personalizza ti consente di regolare finemente la dimensione dell’immagine del cestino.Prezzi
La visualizzazione dei prezzi controlla come appaiono i prezzi nel cestino.Pulsante di checkout a larghezza automatica
L’impostazione Pulsante di checkout a larghezza automatica cambia la larghezza del pulsante di checkout su mobile. Quando abilitato, il pulsante di checkout utilizza un pulsante flottante dimensionato in base al contenuto invece di un pulsante a larghezza piena su mobile.Suggerimenti per il cestino
- Usa immagini degli articoli se aiutano i clienti a riconoscere rapidamente i prodotti.
- Nascondi le immagini degli articoli se il cestino sembra troppo affollato.
- Mantieni i prezzi visibili a meno che non ci sia un motivo specifico per nasconderli.
- Controlla il cestino con più articoli prima di salvare.
- Controlla il cestino con modificatori o opzioni di articoli.
- Rivedi il pulsante di checkout su mobile.
- Assicurati che il pulsante di checkout sia facile da vedere e toccare.
Stile dell’intestazione
La sezione Stile dell’intestazione ti consente di personalizzare la parte superiore della tua pagina di ordinazione. L’intestazione è una delle prime cose che i clienti vedono quando aprono la tua pagina di ordinazione, quindi ha un forte impatto sull’aspetto e la sensazione complessivi del tuo negozio.Cosa puoi personalizzare
Suggerimenti per l’intestazione
- Controlla che il tuo logo sia chiaramente visibile.
- Usa un’immagine di intestazione che funzioni bene sia su desktop che su mobile.
- Mantieni il contenuto importante dell’immagine centrato.
- Evita immagini di intestazione con testo vicino ai bordi.
- Controlla come appare l’intestazione dopo lo scroll, specialmente se viene utilizzata una barra di navigazione sticky.
Le immagini di intestazione possono essere visualizzate in modo diverso a seconda delle dimensioni dello schermo. Controlla sempre l’anteprima mobile prima di salvare.
Contenuto
Le impostazioni di Contenuto controllano informazioni aggiuntive mostrate sulla tua pagina di ordinazione. La sezione Content include:- Descrizione
- Avvisi
- Stato dell’ordine
- Sezioni personalizzate
Descrizione
La sezione Descrizione ti consente di aggiornare la descrizione del locale mostrata sulla tua pagina di ordinazione. Puoi usare la descrizione per presentare il tuo locale, spiegare la tua cucina o fornire utili informazioni per l’ordinazione.Suggerimenti per la descrizione
- Mantieni la descrizione chiara e concisa.
- Usa un linguaggio adatto al cliente.
- Evita paragrafi lunghi.
- Non includere informazioni che potrebbero diventare rapidamente obsolete a meno che non le manterrai aggiornate.
- Controlla come appare la descrizione su mobile.
Esempi di utilizzo
Puoi usare la descrizione per:- Una breve introduzione al locale
- Tipo di cucina
- Istruzioni per l’ordinazione
- Messaggi del brand
- Informazioni utili sul servizio
Avvisi
La sezione Avvisi ti consente di aggiungere messaggi rivolti al cliente alla tua pagina di ordinazione. Gli avvisi possono essere utilizzati per aggiornamenti importanti, informazioni sul servizio o messaggi che i clienti dovrebbero vedere prima di ordinare.Avviso del menu
L’Avviso del menu è mostrato in fondo al tuo menu. Viene tipicamente utilizzato per informazioni come avvisi su allergeni, calorie o coperto.Messaggio di chiusura
Il Messaggio di chiusura viene visualizzato quando il tuo negozio è chiuso o in pausa. Questo ti consente di personalizzare il messaggio che i clienti vedono quando l’ordinazione non è attualmente disponibile.Formattazione e link
Entrambi gli avvisi supportano opzioni di formattazione di base:- Grassetto
- Corsivo
- Sottolineato
- Collegamenti ipertestuali
Assicurati che qualsiasi link che aggiungi sia corretto e rivolto al cliente prima di salvare.
Suggerimenti per gli avvisi
- Mantieni gli avvisi brevi e chiari.
- Usa l’avviso del menu per informazioni relative al menu, come allergeni, calorie o coperto.
- Usa il messaggio di chiusura per spiegare perché l’ordinazione non è disponibile o quando i clienti dovrebbero riprovare.
- Rimuovi o aggiorna gli avvisi temporanei quando non sono più rilevanti.
- Controlla che gli avvisi non siano in conflitto con i tuoi orari di apertura, il menu o le impostazioni del servizio.
- Visualizza in anteprima gli avvisi su mobile prima di salvare.
Stato dell’ordine
La sezione Stato dell’ordine ti consente di personalizzare se viene mostrata una mappa sulla pagina di stato dell’ordine del cliente. Questo può aiutare i clienti a comprendere informazioni relative alla posizione o alla consegna dopo aver effettuato un ordine.Visibilità della mappa
La visibilità della mappa controlla se la mappa viene mostrata o nascosta sulla pagina di stato dell’ordine.Mappa
Le impostazioni della mappa ti consentono di personalizzare come appare la mappa.Suggerimenti per lo stato dell’ordine
- Usa Visibile se la mappa aiuta i clienti a comprendere informazioni sulla posizione o la consegna.
- Usa Nascosta se la mappa non è necessaria per il tuo flusso di ordinazione.
- Controlla la pagina di stato dell’ordine dopo aver salvato, dove possibile.
- Assicurati che qualsiasi marker o posizione mostrata sulla mappa sia accurata.
La mappa può apparire solo dove è supportata dalla pagina di stato dell’ordine e dalla configurazione del tuo negozio.
Sezioni personalizzate
L’area Sezioni personalizzate ti consente di aggiungere blocchi di contenuto extra alla tua pagina di ordinazione. Le sezioni personalizzate possono essere utilizzate per evidenziare promozioni, aggiungere contenuti visivi, condividere informazioni sul locale o includere messaggi aggiuntivi rivolti al cliente che non rientrano nella descrizione standard o negli avvisi.Le sezioni personalizzate devono essere abilitate dal supporto storekit. Contatta il supporto storekit per aggiungere questa funzionalità al tuo account.
Aggiungi una sezione
Puoi scegliere tra diversi modelli di sezione:Modifica delle sezioni personalizzate
Dopo aver aggiunto una sezione, puoi modificare il contenuto e il design dall’editor delle sezioni personalizzate. I controlli disponibili possono includere:Le sezioni personalizzate supportano i collegamenti ipertestuali. Assicurati che qualsiasi link tu aggiunga sia corretto e rivolto al cliente prima di salvare.
Hero
La sezione Hero aggiunge un grande banner visivo alla pagina di ordinazione. È utile per presentare il tuo locale, mostrare una forte immagine del brand o evidenziare un messaggio chiave vicino al menu. Usi comuni includono:- Messaggi di benvenuto
- Presentazioni del brand
- Campagne stagionali
- Immagini in evidenza
- Contenuti visivi di forte impatto
Suggerimenti per Hero
- Usa un’immagine landscape di alta qualità.
- Mantieni il contenuto importante dell’immagine centrato.
- Usa testo del titolo breve e chiaro.
- Controlla che il testo rimanga leggibile sopra l’immagine.
- Usa un overlay se l’immagine di sfondo rende difficile la lettura del testo.
- Controlla sia l’anteprima desktop che mobile prima di salvare.
Call to action
La sezione Call to action è progettata per incoraggiare i clienti a compiere un’azione specifica. Di solito include un breve messaggio e un link o un prompt in stile pulsante, come ordinare ora o visualizzare un menu. Usi comuni includono:- Incoraggiare i clienti a ordinare
- Promuovere consegna o ritiro
- Collegare a una pagina specifica
- Evidenziare una campagna
- Indirizzare i clienti a un altro servizio
Suggerimenti per Call to action
- Mantieni il messaggio breve e diretto.
- Rendi l’azione chiara.
- Usa un link se i clienti devono andare altrove.
- Controlla che il testo call-to-action sia facile da leggere.
- Assicurati che la sezione appaia bene su mobile.
Info card
La sezione Info card è utile per contenuti informativi semplici. Può essere utilizzata per mostrare dettagli che i clienti potrebbero aver bisogno prima di ordinare. Usi comuni includono:- Orari di apertura
- Informazioni sulla consegna
- Istruzioni per il ritiro
- Disponibilità del servizio
- Note sulla posizione
- Informazioni di contatto
Suggerimenti per Info card
- Mantieni le informazioni concise.
- Evita di aggiungere troppo testo.
- Assicurati che i dettagli corrispondano alle impostazioni del tuo negozio.
- Aggiorna la card se le informazioni cambiano.
- Controlla l’anteprima mobile prima di salvare.
Announcement
La sezione Announcement aggiunge un messaggio evidenziato alla pagina di ordinazione. È utile per promozioni, aggiornamenti temporanei o messaggi importanti che dovrebbero risaltare. Usi comuni includono:- Offerte a tempo limitato
- Promozioni di consegna gratuita
- Aggiornamenti del servizio
- Messaggi festivi
- Modifiche temporanee
- Promemoria importanti
Suggerimenti per Announcement
- Mantieni gli annunci brevi.
- Rimuovi o aggiorna gli annunci temporanei quando non sono più rilevanti.
- Assicurati che i dettagli promozionali siano accurati.
- Controlla che l’annuncio non sia in conflitto con avvisi, impostazioni del menu o del servizio.
- Usa colori leggibili con forte contrasto.
About us
La sezione About us ti consente di condividere di più sul tuo locale, brand, cibo o storia. È utile per aggiungere personalità alla tua pagina di ordinazione e aiutare i clienti a comprendere cosa rende unico il tuo locale. Usi comuni includono:- Storia del locale
- Messaggio del brand
- Filosofia del cibo
- Informazioni sull’approvvigionamento locale
- Messaggio alla community
- Background del ristorante
Suggerimenti per About us
- Mantieni la copy adatta al cliente.
- Evita paragrafi lunghi.
- Usa un’immagine forte che rifletta il tuo locale.
- Assicurati che il testo rimanga leggibile sullo sfondo.
- Controlla la sezione su mobile prima di salvare.
Suggerimenti per le sezioni personalizzate
- Usa le sezioni personalizzate per supportare l’esperienza di ordinazione, non per distrarre da essa.
- Mantieni il contenuto breve e pertinente.
- Evita di aggiungere troppe sezioni.
- Usa immagini di alta qualità.
- Controlla il contrasto del testo sopra le immagini.
- Assicurati che i collegamenti ipertestuali funzionino prima di salvare.
- Rivedi l’intera pagina di ordinazione su mobile prima di salvare.
Migliori pratiche
Inizia con i preset, poi personalizza
Per i colori, inizia con un preset se vuoi un tema veloce, poi regola manualmente i singoli campi di colore. Attiva Show contrast warnings durante la modifica in modo da poter verificare se le combinazioni di colori di testo e sfondo sono facili da leggere.Controlla gli elementi interattivi
Prima di salvare, controlla azioni importanti del cliente come:- Aggiungi al cestino
- Selezione dei modificatori
- Card dei modificatori selezionati
- Visualizza cestino
- Checkout
- Pagina di stato dell’ordine
- Link delle sezioni personalizzate
Controlla i contenuti sensibili o soggetti a restrizioni
Se usi controlli dell’età, visualizzazione degli allergeni, visualizzazione delle scorte basse o informazioni sui macronutrienti, assicurati che le informazioni siano accurate prima di salvare. Presta molta attenzione a:- Etichette degli allergeni
- Livelli di inventario
- Articoli con controllo dell’età
- Informazioni nutrizionali o sui macronutrienti
- Visibilità dei prezzi nel cestino
Mantieni le sezioni personalizzate focalizzate
Le sezioni personalizzate dovrebbero supportare l’esperienza di ordinazione. Usale per informazioni utili rivolte al cliente come:- Promozioni
- Orari di apertura
- Informazioni su consegna o ritiro
- Storia del locale
- Informazioni su allergeni o servizio
- Call to action
Controlla l’anteprima mobile
La maggior parte dei clienti ordina da dispositivi mobili, quindi controlla sempre l’anteprima mobile prima di salvare. Presta molta attenzione a:- Ritaglio dell’immagine dell’intestazione
- Visibilità del logo
- Layout del menu
- Card delle voci di menu
- Modali degli articoli
- Selezione dei modificatori
- Visibilità del cestino
- Layout del pulsante di checkout
- Leggibilità dei pulsanti
- Avvisi
- Sezioni personalizzate
- Mappa dello stato dell’ordine, dove utilizzata
Usa immagini chiare
Per i migliori risultati:- Usa immagini quadrate per loghi e favicon.
- Usa immagini landscape per le intestazioni.
- Mantieni il contenuto importante dell’immagine centrato.
- Evita immagini con molto testo.
- Evita di caricare immagini sfocate o di bassa qualità.
Mantieni il testo conciso
Testi lunghi possono rendere la tua pagina di ordinazione più difficile da usare, specialmente su mobile. Cerca di mantenere quanto segue breve e chiaro:- Descrizioni del negozio
- Avvisi
- Sezioni personalizzate
- Descrizioni dei prodotti
Priorità alla leggibilità
Quando scegli font e colori, assicurati che i clienti possano leggere facilmente:- Nomi dei prodotti
- Descrizioni dei prodotti
- Prezzi
- Avvisi
- Totali del cestino
- Pulsanti di checkout
Mantieni chiaro il percorso di ordinazione
Le modifiche al design dovrebbero rendere l’ordinazione più facile, non più difficile. Prima di salvare, controlla che i clienti possano facilmente:- Sfogliare il menu
- Comprendere le opzioni dei prodotti
- Aggiungere articoli al cestino
- Visualizzare il loro cestino
- Continuare al checkout
- Effettuare un ordine
Risoluzione dei problemi
Una sezione è bloccata o non disponibile
Alcune sezioni di Design & Branding sono disponibili solo con storekit+. Se una sezione è bloccata nel tuo admin, contatta il supporto storekit per aggiungere questa funzionalità al tuo account. È richiesto un abbonamento storekit+.Il mio testo è difficile da leggere sopra un’immagine
Se il testo è difficile da leggere sopra un’immagine di intestazione, sezione hero o sezione personalizzata, prova:- Usare un overlay più scuro o più chiaro
- Cambiare il colore del testo
- Scegliere un’immagine più semplice
- Mantenere il testo importante lontano dalle aree occupate dell’immagine
- Controllare la sezione su mobile
Il mio menu sembra affollato su mobile
Se il menu sembra troppo affollato, controlla:- Colonne mobile
- Dimensione dell’immagine
- Direzione dell’articolo
- Immagini grandi
- Righe di descrizione dell’articolo
- Line clamp del nome della voce di menu
- Immagini di navigazione delle categorie
Il mio modale dell’articolo sembra troppo grande o difficile da usare
Controlla:- Stile dell’immagine del modale
- Vista desktop del modale
- Posizione del contenuto
- Stile dei modificatori
- Bordo del modale
- Dimensione dell’immagine dell’articolo
- Anteprima mobile
Le opzioni dei modificatori sono difficili da comprendere
Controlla lo stile dei modificatori selezionato. Se le opzioni dei modificatori sono difficili da scansionare, prova un layout più semplice o assicurati che i nomi e le immagini dei modificatori siano chiari.Le informazioni su scorte basse o inventario sembrano sbagliate
La visualizzazione delle scorte basse e dell’inventario dovrebbe essere utilizzata solo se i livelli di inventario sono accurati e attivamente mantenuti. Se i numeri sembrano sbagliati, controlla le impostazioni dell’inventario degli articoli prima di cambiare lo stile di visualizzazione.Le informazioni sugli allergeni sono mancanti o poco chiare
La visualizzazione degli allergeni controlla come appaiono le informazioni sugli allergeni, ma i dettagli degli allergeni stessi potrebbero dover essere gestiti nelle impostazioni pertinenti della voce di menu. Controlla che le informazioni sugli allergeni siano accurate prima di fare affidamento sulla visualizzazione.Il cestino non mostra i prezzi come previsto
Controlla l’impostazione Prezzi nella sezione Cestino. I prezzi del cestino possono essere impostati su:- Mostra tutti
- Nascondi il totale del cestino
- Nascondi tutti
Il mio link della sezione personalizzata non funziona
Controlla che il collegamento ipertestuale sia corretto e rivolto al cliente. Assicurati che il link includa l’URL completo dove necessario, poi salva e testalo sulla pagina di ordinazione live.La mappa dello stato dell’ordine non appare
Controlla:- La visibilità della mappa è impostata su Visibile
- La pagina di stato dell’ordine supporta la mappa per la configurazione del tuo negozio
- Il marker della mappa o la posizione sono stati configurati correttamente
Le mie modifiche appaiono in anteprima ma non sulla pagina di ordinazione live
Assicurati di aver cliccato su Save. L’anteprima si aggiorna man mano che effettui modifiche, ma la tua pagina di ordinazione live non si aggiornerà fino a quando le modifiche non saranno salvate. Dopo aver salvato, aggiorna la tua pagina di ordinazione live e verifica di visualizzare il negozio corretto.La mia immagine sembra ritagliata
Alcune immagini, specialmente le immagini di intestazione, si ritagliano automaticamente per adattarsi a diverse dimensioni dello schermo. Controlla l’anteprima mobile e usa un’immagine dove il contenuto più importante è centrato.Evita di posizionare testo importante, loghi o volti vicino al bordo delle immagini di intestazione, poiché potrebbero essere ritagliati su schermi più piccoli.
Il mio logo o favicon sembra distorto
Usa un’immagine quadrata per loghi e favicon. I file PNG trasparenti di solito funzionano meglio per i loghi.I miei colori sono difficili da leggere
Controlla il contrasto tra testo, sfondo e pulsanti. I clienti dovrebbero essere in grado di leggere chiaramente:- Nomi dei prodotti
- Descrizioni dei prodotti
- Prezzi
- Avvisi
- Totali del cestino
- Pulsanti di checkout
I miei pulsanti non si distinguono
I colori dei pulsanti dovrebbero essere chiaramente visibili sullo sfondo della pagina. Controlla azioni importanti del cliente come:- Aggiungi al cestino
- Visualizza cestino
- Checkout
- Effettua ordine
La versione mobile non sembra corretta
Passa all’anteprima mobile e controlla:- Ritaglio dell’immagine dell’intestazione
- Visibilità del logo
- Navigazione delle categorie del menu
- Layout della card del prodotto
- Visibilità del cestino
- Leggibilità dei pulsanti
- Avvisi e sezioni personalizzate
Il mio avviso non è più rilevante
Se un avviso è stato aggiunto per un aggiornamento temporaneo, ricorda di rimuoverlo o aggiornarlo una volta che non si applica più. Esempi includono:- Aggiornamenti sugli orari festivi
- Avvisi di ritardo nella consegna
- Avvisi di chiusura temporanea
- Avvisi solo ritiro
- Avvisi di problemi in cucina
La mia pagina sembra troppo affollata
Troppo contenuto può rendere la pagina di ordinazione più difficile da usare. Controlla se puoi accorciare o rimuovere:- Descrizioni lunghe
- Più avvisi
- Troppe sezioni personalizzate
- Immagini con molto testo
- Informazioni ripetute
Quando contattare il supporto storekit
Contatta il supporto storekit se:- Un’impostazione non viene salvata.
- La pagina live non si aggiorna dopo il salvataggio.
- Una sezione di Design & Branding è bloccata e vuoi abilitarla.
- Vuoi aggiungere una funzionalità che richiede storekit+.
- Non riesci a trovare l’opzione di design di cui hai bisogno.
- Un’immagine o un colore non viene visualizzato correttamente.
- Testo o pulsanti rimangono difficili da leggere dopo la modifica.
- La tua pagina di ordinazione sembra rotta dopo aver fatto modifiche.
- Una sezione personalizzata non viene visualizzata come previsto.
- Un collegamento ipertestuale in un avviso o sezione personalizzata non funziona.
- La mappa dello stato dell’ordine non appare come previsto.
- Hai bisogno di aiuto per personalizzare un elemento di design non disponibile in Design & Branding.