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:

  1. Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
  2. Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
  3. Clicca sull'icona del pennello.
  4. Nell'area Logo aggiungi il logo:

    1. Clicca su Seleziona immagine.
    2. Clicca su Aggiungi immagini per caricare una nuova immagine oppure seleziona un'immagine già caricata nella libreria.
    3. Clicca Fatto.
  5. Nell'area Larghezza massima logo regola le dimensioni del logo.

  6. Nell'area Allineamento logo seleziona un allineamento del logo a sinistra, al centro o a destra.

  7. Nell'area Posizione logo seleziona per il logo un'opzione tra modulo di check-out, riepilogo dell'ordine o posizione a larghezza intera.

  8. 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:

  1. Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
  2. Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
  3. Clicca sull'icona del pennello.
  4. 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:
      1. Clicca su Seleziona immagine.
      2. Clicca su Aggiungi immagini per caricare una nuova immagine oppure seleziona un'immagine già caricata nella libreria.
      3. Clicca Fatto.

- 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.

  1. 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:

  1. Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
  2. Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
  3. Clicca sull'icona del pennello.
  4. Nella sezione Riepilogo ordine aggiungi un'immagine o un colore di sfondo:
    • Per aggiungere un'immagine di sfondo, segui la procedura indicata di seguito:
      1. Clicca su Seleziona immagine.
      2. Clicca su Aggiungi immagini per caricare una nuova immagine oppure seleziona un'immagine già caricata nella libreria.
      3. Clicca Fatto.

- 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.

  1. 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

  1. Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
  2. Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
  3. Clicca sull'icona del pennello.
  4. Nella sezione Colore scegli i colori:

    1. Clicca sul cerchio dei colori accanto a Elemento in risalto, Pulsanti o Errore per aprire un selettore di colori.
    2. Scegli un colore o inserisci un codice colore esadecimale.
  5. Clicca su Salva.

Modifica il colore dei campi del modulo

  1. Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
  2. Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
  3. Clicca sull'icona del pennello.
  4. 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).
  5. 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:

  1. Dal pannello di controllo Shopify, vai a Impostazioni > Check-out.
  2. Nella sezione Personalizzazioni e branding del check-out, clicca su Personalizza accanto al check-out che desideri modificare.
  3. Clicca sull'icona del pennello.
  4. Nella sezione Caratteri tipografici cambia il font dei titoli e del corpo del testo del check-out:

    1. Nell'area Titoli o Corpo clicca sul nome del font per aprire un menu a discesa.
    2. Seleziona il font che desideri applicare al check-out.
  5. Clicca su Salva.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis