Configurazione del branding del check-out
Puoi personalizzare il branding delle pagine di check-out nell'editor del check-out. Puoi aggiungere il logo del tuo brand o un'immagine di sfondo, modificare i colori e scegliere un nuovo font per far sì che lo stile della pagina di check-out corrisponda a quello del tuo negozio. Per personalizzazioni avanzate del branding del check-out, consulta la pagina dedicata alla Checkout Branding API.
I clienti utilizzano la pagina di check-out per inserire i dati di pagamento e di spedizione per gli ordini. La maggior parte dei negozi decide di mantenere un design del check-out semplice, in modo da semplificare la lettura ed evitare di distrarre i clienti. Scegli colori ad alto contrasto e immagini che non distolgano l'attenzione dal testo della pagina.
Aggiunta di un logo all'intestazione del check-out
Puoi aggiungere un logo all'intestazione del check-out. Puoi regolare le dimensioni, l'allineamento e la posizione del logo.
Procedura:
- Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
- Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
- Clicca sull'icona del pennello.
-
Nell'area Logo aggiungi il logo:
- Clicca su Seleziona immagine.
- Clicca su Aggiungi immagini per caricare una nuova immagine oppure seleziona un'immagine già caricata nella libreria.
- Clicca Fatto.
Nell'area Larghezza massima logo regola le dimensioni del logo.
Nell'area Allineamento logo seleziona un allineamento del logo a sinistra, al centro o a destra.
Nell'area Posizione logo seleziona per il logo un'opzione tra modulo di check-out, riepilogo dell'ordine o posizione a larghezza intera.
Clicca su Salva.
Aggiunta di un'immagine o di un colore di sfondo al modulo di check-out
Puoi aggiungere un colore o un'immagine di sfondo al tuo modulo di check-out. Puoi aggiungere una sola di queste due opzioni, ma non entrambe.
Dopo aver aggiunto un colore o un'immagine di sfondo, assicurati che i campi del check-out possano essere letti chiaramente.
Procedura:
- Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
- Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
- Clicca sull'icona del pennello.
- Nella sezione Modulo di check-out aggiungi un'immagine o un colore di sfondo:
- Per aggiungere un'immagine di sfondo, segui la procedura indicata di seguito:
- Clicca su Seleziona immagine.
- Clicca su Aggiungi immagini per caricare una nuova immagine oppure seleziona un'immagine già caricata nella libreria.
- Clicca Fatto.
- Per aggiungere un'immagine di sfondo, segui la procedura indicata di seguito:
- Per aggiungere un colore di sfondo, segui la procedura indicata di seguito: 1. Clicca sul cerchio dei colori accanto a Colore dello sfondo per aprire un selettore di colori. 2. Scegli un colore o inserisci un codice colore esadecimale.
- Clicca su Salva.
Aggiunta di un'immagine o di un colore di sfondo al riepilogo dell'ordine
Puoi aggiungere un colore o un'immagine di sfondo al tuo riepilogo dell'ordine. Puoi aggiungere una sola di queste due opzioni, ma non entrambe.
Dopo aver aggiunto un colore o un'immagine di sfondo, assicurati che i campi del check-out possano essere letti chiaramente.
Procedura:
- Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
- Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
- Clicca sull'icona del pennello.
- Nella sezione Riepilogo ordine aggiungi un'immagine o un colore di sfondo:
- Per aggiungere un'immagine di sfondo, segui la procedura indicata di seguito:
- Clicca su Seleziona immagine.
- Clicca su Aggiungi immagini per caricare una nuova immagine oppure seleziona un'immagine già caricata nella libreria.
- Clicca Fatto.
- Per aggiungere un'immagine di sfondo, segui la procedura indicata di seguito:
- Per aggiungere un colore di sfondo, segui la procedura indicata di seguito: 1. Clicca sul cerchio dei colori accanto a Colore dello sfondo per aprire un selettore di colori. 2. Scegli un colore o inserisci un codice colore esadecimale.
- Clicca su Salva.
Personalizzazione dei colori del check-out
Puoi modificare il colore dei pulsanti, dei messaggi di errore e degli elementi in risalto del check-out. Inoltre, puoi rendere i campi del check-out bianchi o trasparenti.
Dopo aver modificato i colori della pagina di check-out, assicurati che il testo sullo sfondo delle aree di inserimento e riepilogo dell'ordine sia chiaramente leggibile.
Modifica dei colori di elementi in risalto, pulsanti ed errori
- Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
- Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
- Clicca sull'icona del pennello.
-
Nella sezione Colore scegli i colori:
- Clicca sul cerchio dei colori accanto a Elemento in risalto, Pulsanti o Errore per aprire un selettore di colori.
- Scegli un colore o inserisci un codice colore esadecimale.
Clicca su Salva.
Modifica il colore dei campi del modulo
- Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
- Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
- Clicca sull'icona del pennello.
- Nella sezione Colore clicca sul menu a discesa Campi modulo, quindi seleziona un colore tra bianco o trasparente. Se imposti un valore personalizzato per i campi del modulo utilizzando la Checkout Branding API, verrà visualizzata l'opzione aggiuntiva Personalizzato (impostato tramite API).
- Clicca su Salva.
Personalizzazione del font del check-out
Puoi selezionare un'opzione dall'elenco di font disponibili per personalizzare la tua pagina di check-out.
Procedura:
- Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
- Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
- Clicca sull'icona del pennello.
-
Nella sezione Caratteri tipografici cambia il font dei titoli e del corpo del testo del check-out:
- Nell'area Titoli o Corpo clicca sul nome del font per aprire un menu a discesa.
- Seleziona il font che desideri applicare al check-out.
Clicca su Salva.