Personalizzare lo stile del tuo check-out
Se vendi i tuoi prodotti utilizzando un negozio online, puoi personalizzare lo stile delle tue pagine di check-out nell'editor del tema. Inserisci il logo della tua azienda, cambia i colori o scegli un nuovo font, per creare un check-out che rispecchi lo stile della tua attività.
Non cedere alla tentazione di arricchire con colori ed elementi di attrattiva le tue pagine di check-out. Meglio mantenere essenziale il loro design. I clienti utilizzano queste pagine per indicare i dati di spedizione e pagamento per i loro ordini, perciò non bisogna distrarli né rendere le informazioni difficili da leggere. Scegli colori ad alto contrasto e immagini che non distolgano l'attenzione dal contenuto della pagina.
Su questa pagina
- Caricamento di un'immagine di sfondo per il banner
- Aggiunta di un logo alla pagina di check-out
- Aggiunta di un'immagine o di un colore di sfondo all'area del contenuto
- Modifica del colore dei campi del modulo
- Aggiunta di un'immagine o di un colore di sfondo al riepilogo dell'ordine
- Modifica o rimozione di un'immagine dalla pagina di check-out
- Modifica del font nella pagina di check-out
- Modifica del colore di pulsante ed elementi in risalto sulla pagina di check-out
- Aggiunta di funzioni alla pagina post-acquisto al check-out
Caricamento di un'immagine di sfondo per il banner
Nella parte superiore di ogni pagina di check-out, un banner mostra il nome del tuo negozio. Puoi cambiare l'immagine di sfondo di quel banner. Scegli un'immagine adatta al tuo brand. Ad esempio, se vendi bigiotteria, potresti scegliere un'immagine con delle perline colorate. Per un effetto ottimale, le immagini banner devono avere una risoluzione di 1000 x 400 pixel.
Procedura:
- Dal pannello di controllo di Shopify passa a Impostazioni > Check-out.
- Nella sezione Stile del check-out, clicca su Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema clicca sull'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Fai clic su Check-out.
- Nella sezione Banner, fai clic su Carica immagine o seleziona dalla libreria un'immagine già caricata.
- Clicca su Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Nella sezione Banner tocca Carica immagine o seleziona dalla libreria un'immagine già caricata.
- Tocca Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Nella sezione Banner tocca Carica immagine o seleziona dalla libreria un'immagine già caricata.
- Tocca Salva.
Aggiunta di un logo alla pagina di check-out
Puoi aggiungere il logo del tuo negozio alle pagine di check-out. Se stai utilizzando un'immagine banner, il logo apparirà sopra di essa. Puoi posizionare il logo a sinistra, a destra o al centro dell'area del banner sulle pagine di check-out.
Procedura:
- Dal pannello di controllo di Shopify passa a Impostazioni > Check-out.
- Nella sezione Stile del check-out, clicca su Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema clicca sull'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Fai clic su Check-out.
- Nella sezione Logo, fai clic su Carica immagine o seleziona dalla libreria un'immagine già caricata.
- Seleziona una posizione per il logo.
- Seleziona una dimensione per il logo.
- Clicca su Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Nella sezione Logo tocca Carica immagine o seleziona dalla libreria un'immagine già caricata.
- Seleziona una posizione per il logo.
- Seleziona una dimensione per il logo.
- Tocca Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Nella sezione Logo tocca Carica immagine o seleziona dalla libreria un'immagine già caricata.
- Seleziona una posizione per il logo.
- Seleziona una dimensione per il logo.
- Tocca Salva.
Aggiunta di un'immagine o di un colore di sfondo all'area del contenuto
Puoi aggiungere un'immagine o un colore di sfondo all'area del contenuto principale delle pagine di check-out. Questa è l'area in cui i tuoi clienti inseriscono i dati di spedizione e pagamento, quindi assicurati che il testo dei campi sia chiaramente visibile sullo sfondo prescelto. Non è possibile aggiungere sia un'immagine che un colore di sfondo.
Procedura:
- Dal pannello di controllo di Shopify passa a Impostazioni > Check-out.
- Nella sezione Stile del check-out, clicca su Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema clicca sull'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Fai clic su Check-out.
-
Nella sezione Main content area (Area contenuto principale) aggiungi un colore o un'immagine di sfondo.
- Per aggiungere un colore, fai clic sulla casella accanto a Colore sfondo per aprire un selettore di colori, quindi scegli un colore o inserisci un codice esadecimale.
- Per inserire un'immagine, fai clic su Carica immagine o seleziona dalla libreria un'immagine già caricata. Le immagini più piccole si ripetono verticalmente e orizzontalmente sullo sfondo, come tessere di un mosaico.
Clicca su Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
-
Nella sezione Main content area (Area contenuto principale) aggiungi un colore o un'immagine di sfondo.
- Per aggiungere un colore, tocca la casella accanto a Colore sfondo per aprire un selettore di colori, quindi scegli un colore o inserisci un codice esadecimale.
- Per inserire un'immagine, tocca Carica immagine o seleziona dalla libreria un'immagine già caricata. Le immagini più piccole si ripetono verticalmente e orizzontalmente sullo sfondo, come tessere di un mosaico.
Tocca Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
-
Nella sezione Main content area (Area contenuto principale) aggiungi un colore o un'immagine di sfondo.
- Per aggiungere un colore, tocca la casella accanto a Colore sfondo per aprire un selettore di colori, quindi scegli un colore o inserisci un codice esadecimale.
- Per inserire un'immagine, tocca Carica immagine o seleziona dalla libreria un'immagine già caricata. Le immagini più piccole si ripetono verticalmente e orizzontalmente sullo sfondo, come tessere di un mosaico.
Tocca Salva.
Modifica del colore dei campi del modulo
Puoi modificare il colore dei campi rendendoli o bianchi o trasparenti. Se lo desideri, puoi rendere i campi trasparenti per rendere visibile l'immagine di sfondo. Assicurati che il testo sui campi sia chiaramente leggibile.
Procedura:
- Dal pannello di controllo di Shopify passa a Impostazioni > Check-out.
- Nella sezione Stile del check-out, clicca su Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema clicca sull'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Fai clic su Check-out.
- Nella sezione Area contenuto principale, fai clic sul menu a discesa Campi modulo per selezionare il colore desiderato.
- Clicca su Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Nella sezione Main content area (Area contenuto principale) tocca il menu a discesa Campi modulo per selezionare il colore desiderato.
- Tocca Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Nella sezione Main content area (Area contenuto principale) tocca il menu a discesa Campi modulo per selezionare il colore desiderato.
- Tocca Salva.
Aggiunta di un'immagine o di un colore di sfondo al riepilogo dell'ordine
Cliccando su Mostra riepilogo dell'ordine sulla pagina di check-out, il cliente visualizza l'elenco dei prodotti che sta acquistando. Puoi aggiungere un'immagine o un colore di sfondo al riepilogo dell'ordine. Visualizza un'anteprima della pagina di riepilogo dell'ordine, per verificare che il suo aspetto ti soddisfi. Puoi fare clic su Mostra riepilogo dell'ordine sull'anteprima nell'editor del tema.
Procedura:
- Dal pannello di controllo di Shopify passa a Impostazioni > Check-out.
- Nella sezione Stile del check-out, clicca su Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema clicca sull'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Fai clic su Check-out.
-
Nella sezione Riepilogo ordine aggiungi un colore o un'immagine di sfondo.
- Per aggiungere un colore, fai clic sulla casella accanto a Colore sfondo per aprire un selettore di colori, quindi scegli un colore o inserisci un codice esadecimale.
- Per inserire un'immagine, fai clic su Carica immagine o seleziona dalla libreria un'immagine già caricata. Le immagini più piccole si ripetono verticalmente e orizzontalmente sullo sfondo, come tessere di un mosaico.
Clicca su Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
-
Nella sezione Riepilogo ordine aggiungi un colore o un'immagine di sfondo.
- Per aggiungere un colore, tocca la casella accanto a Colore sfondo per aprire un selettore di colori, quindi scegli un colore o inserisci un codice esadecimale.
- Per inserire un'immagine, tocca Carica immagine o seleziona dalla libreria un'immagine già caricata. Le immagini più piccole si ripetono verticalmente e orizzontalmente sullo sfondo, come tessere di un mosaico.
Tocca Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
-
Nella sezione Riepilogo ordine aggiungi un colore o un'immagine di sfondo.
- Per aggiungere un colore, tocca la casella accanto a Colore sfondo per aprire un selettore di colori, quindi scegli un colore o inserisci un codice esadecimale.
- Per inserire un'immagine, tocca Carica immagine o seleziona dalla libreria un'immagine già caricata. Le immagini più piccole si ripetono verticalmente e orizzontalmente sullo sfondo, come tessere di un mosaico.
Tocca Salva.
Modifica o rimozione di un'immagine dalla pagina di check-out
Puoi sostituire o rimuovere qualsiasi immagine tu aggiunga alle pagine di check-out.
Procedura:
- Dal pannello di controllo di Shopify passa a Impostazioni > Check-out.
- Nella sezione Stile del check-out, clicca su Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema clicca sull'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Clicca su Check-out.
- Sotto l'immagine che vuoi sostituire, fai clic su Aggiorna e carica un'immagine o selezionane una dalla libreria.
- Clicca su Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Sotto l'immagine che vuoi sostituire tocca Aggiorna e carica un'immagine o selezionane una dalla libreria.
- Tocca Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Sotto l'immagine che vuoi sostituire tocca Aggiorna e carica un'immagine o selezionane una dalla libreria.
- Tocca Salva.
Per rimuovere un'immagine, fai clic su Rimuovi, sotto l'immagine. Questo non elimina l'immagine da Shopify.
Aggiungi testo alternativo all'immagine
Quando sei soddisfatto delle immagini inserite nelle pagine di check-out, inserisci in ogni immagine il testo alternativo. È un accorgimento utile per accessibilità e SEO. Maggiori informazioni riguardo l'ottimizzazione sui motori di ricerca.
Procedura:
- Sotto l'immagine, fai clic su Aggiorna, quindi seleziona Modifica immagine.
- Inserisci il testo alternativo per l'immagine. Scegli un titolo breve e descrittivo per l'immagine.
- Clicca su Salva.
Modifica del font nella pagina di check-out
Puoi scegliere dall'elenco di font disponibili per personalizzare il font delle tue pagine di check-out. Non puoi modificare il colore del testo sulla pagina di check-out.
Procedura:
- Dal pannello di controllo di Shopify passa a Impostazioni > Check-out.
- Nella sezione Stile del check-out, clicca su Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema clicca sull'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Fai clic su Check-out.
- Nella sezione Caratteri tipografici, fai clic sul menu a discesa Titoli o sul menu a discesa Testo, quindi seleziona un font.
- Clicca su Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Nella sezione Caratteri tipografici tocca il menu a discesa Titoli o il menu a discesa Testo, quindi seleziona un font.
- Tocca Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Nella sezione Caratteri tipografici tocca il menu a discesa Titoli o il menu a discesa Testo, quindi seleziona un font.
- Tocca Salva.
Modifica del colore di pulsante ed elementi in risalto sulla pagina di check-out
Nelle pagine di check-out, puoi cambiare il colore dei pulsanti, dei messaggi di errore e degli elementi in risalto come i link. Se modifichi i colori, assicurati che il testo sia chiaramente leggibile sullo sfondo, sia nell'area del contenuto principale che nel riepilogo dell'ordine.
Procedura:
- Dal pannello di controllo di Shopify passa a Impostazioni > Check-out.
- Nella sezione Stile del check-out, clicca su Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema clicca sull'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Fai clic su Check-out.
- Nella sezione Colori, fai clic sulla casella del colore accanto a Elementi in risalto, Pulsanti o Errori per aprire un selettore di colori, quindi scegli un colore o inserisci un codice esadecimale.
- Clicca su Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Nella sezione Colori tocca la casella del colore accanto a Elementi in risalto, Pulsanti o Errori per aprire un selettore di colori, quindi scegli un colore o inserisci un codice esadecimale.
- Tocca Salva.
- Nell'app di Shopify tocca il pulsante …, quindi tocca Impostazioni.
- Nella sezione Impostazioni negozio, tocca Check-out.
- Nella sezione Stile del check-out tocca Personalizza il check-out per aprire l'editor del tema.
- Nell'editor del tema tocca l'icona dell'ingranaggio per accedere alle Impostazioni tema.
- Tocca Check-out.
- Nella sezione Colori tocca la casella del colore accanto a Elementi in risalto, Pulsanti o Errori per aprire un selettore di colori, quindi scegli un colore o inserisci un codice esadecimale.
- Tocca Salva.
Aggiunta di funzioni alla pagina post-acquisto al check-out
Al momento del check-out dei clienti, puoi aggiungere funzioni quali i sondaggi per i clienti o le offerte di upselling utilizzando app post-acquisto. Queste app aggiungono contenuti dopo che il cliente ha completato il pagamento, ma prima che gli venga presentata la pagina di conferma dell'ordine.
Per aggiungere funzionalità alla pagina post-acquisto, devi installare e configurare un'app di check-out, quindi selezionare l'app da utilizzare nella pagina post-acquisto nelle impostazioni di check-out.
Per aggiungere funzionalità post-acquisto, puoi utilizzare solo un'app di check-out alla volta. Se hai installato più di un'app con funzionalità post-acquisto, puoi selezionare l'app che desideri utilizzare dalle impostazioni di check-out.
Installazione di un'app di check-out per aggiungere funzionalità post-acquisto
Per aggiungere funzioni alla tua pagina post-acquisto, devi utilizzare un app di terze parti che supporti le funzioni post-acquisto al check-out.
Se hai bisogno di assistenza per un'app di terze parti, contatta lo sviluppatore di app.
Procedura:
- Vai all'App Store di Shopify e cerca l'app post-acquisto adatta al tuo negozio.
- Clicca su Aggiungi app. Se non hai effettuato l'accesso al tuo account Shopify, ti verrà chiesto di accedere.
- Fai clic su Installa app.
- Vai alla sezione App del pannello di controllo Shopify, quindi tocca il nome dell'app di check-out.
- Inserisci tutte le impostazioni di configurazione necessarie.
Selezione di un'app da utilizzare nella pagina post-acquisto
Dopo aver installato e configurato un'app di check-out, devi selezionare l'app da utilizzare nella pagina post-acquisto dalle impostazioni di check-out.
Puoi anche modificare l'app che desideri utilizzare nelle impostazioni di check-out.
Procedura:
- Dal pannello di controllo Shopify, clicca su Impostazioni.
- Fai clic su Check-out.
- Nella sezione Pagina post-acquisto seleziona l'app di check-out che desideri utilizzare.