Personalizzazione del checkout di Shopify: quali opzioni hai
Pubblicato: 2022-08-31Shopify fornisce a ogni commerciante una procedura di pagamento predefinita. Funziona in modo rapido e sicuro senza alcuno sforzo aggiuntivo da parte tua. Ma potresti volerlo modificare per rendere la cassa più adatta al design del tuo negozio, eliminare l'attrito, aggiungere offerte speciali, ecc.
Tutte le piattaforme di e-commerce incorporano campi di pagamento personalizzati: ad esempio, l'aggiunta di una nota o di un messaggio regalo all'ordine è disponibile in qualsiasi soluzione principale (Woocommerce, Squarespace, Eqwid e altre). Ma Shopify è probabilmente il modo più flessibile per modificare il checkout senza sviluppo personalizzato.
In questo post, discuteremo di cosa sono possibili le personalizzazioni del checkout di Shopify e come implementarle.
Quanto è personalizzabile un checkout di Shopify?
La maggior parte delle pagine di pagamento che vedi nei negozi Shopify sono praticamente le stesse. La pagina è divisa in due parti: quella di sinistra consente al cliente di compilare le informazioni di spedizione e pagamento e quella di destra mostra il riepilogo dell'ordine.
Non è possibile modificare questa struttura e la logica di pagamento. Quello che puoi fare ruota attorno alla modifica dell'aspetto della pagina e all'aggiunta di campi extra. Ma anche le più piccole modifiche estetiche possono influire notevolmente sull'esperienza di pagamento e aumentare le conversioni.
E se volessi cambiare la struttura del checkout?
Attualmente, solo i commercianti Shopify Plus hanno la possibilità di influire sulla logica di pagamento modificando il modello checkout.liquid. Tuttavia, può essere troppo rischioso e Shopify stesso non ne è felice. La modifica del codice di pagamento comporta i seguenti rischi:
- Potrebbe rompere qualcosa sul sito Web e non consentire ai clienti di completare gli ordini.
- Può essere complicato e laborioso integrare codice di terze parti.
- Se aggiunto, JavaScript di terze parti può accedere a dati sensibili, il che può causare problemi di sicurezza.
Per risolvere questo problema, Shopify sta creando un'architettura di estensione per il checkout per consentire agli sviluppatori di creare app di personalizzazione del checkout . Puoi modificare molte cose già utilizzando varie app Shopify, ma puoi aspettarti molte più opportunità di personalizzazione con l'emergere delle estensioni di checkout. Basate sui componenti dell'interfaccia utente e sull'API di branding fornita da Shopify, queste estensioni consentiranno di aumentare le parti esistenti del checkout, sostituire alcuni elementi e aggiungere funzionalità completamente nuove.
Tipi di personalizzazioni di pagamento in Shopify
Detto questo, tratteremo 2 principali tipi di personalizzazioni di checkout a tua disposizione: il primo sono le modifiche al tema che puoi facilmente implementare da solo e il secondo sono funzionalità aggiuntive incorporate con l'aiuto delle app Shopify.
1. Personalizzazione visiva semplicissima del tuo checkout Shopify
Per ora, vediamo cosa puoi fare nel tuo editor di temi senza ulteriore aiuto. Quando fai clic su Personalizza accanto al tema corrente, scegli Cassa nel menu in alto e vai alla sezione Cassa in Impostazioni tema a sinistra.

Qui puoi eseguire molte semplici personalizzazioni di checkout:
- Aggiungi il tuo logo alla pagina di pagamento. Il tuo logo dovrebbe seguire il cliente da una pagina all'altra, creando un'immagine del marchio coerente. Non lasciare che la tua pagina di pagamento mostri solo il nome del tuo negozio, ma presenta invece un logo.
- Modifica i colori delle sezioni della pagina, del testo, dei collegamenti e dei pulsanti. Invece di lasciare i colori predefiniti, puoi impostare ciò che si adatta meglio agli elementi del tuo marchio. Puoi anche impostare un'immagine di sfondo per il contenuto della pagina principale e il riepilogo dell'ordine, ma non è una pratica consigliata: le informazioni in queste aree dovrebbero essere chiaramente visibili.
Shopify ti fornisce anche diversi tipi di carattere. Se ne trovi uno adatto, sceglilo per personalizzare l'aspetto della cassa.

- Aggiungi un banner brandizzato o un'immagine pertinente come intestazione. Per quanto piccolo sia un elemento di intestazione di un'immagine, può cambiare completamente l'aspetto della tua pagina di pagamento.

Puoi anche modificare alcuni campi dal tuo pannello di controllo Shopify nella sezione Checkout e account :
- Modifica le iscrizioni al marketing. Puoi aggiungere iscrizioni e-mail e SMS e modificare l'impostazione predefinita "Inviami un'e-mail con notizie e offerte" in qualcos'altro. Per fare quest'ultimo, fai clic sulle etichette della casella di controllo Personalizza e inserisci le tue frasi nei rispettivi campi.

Tuttavia, se vuoi evidenziare questi campi creando un design speciale per loro o controllare dove vengono visualizzati, le impostazioni predefinite non sono sufficienti. Le app Shopify o la codifica personalizzata ti aiuteranno a personalizzare le caselle di iscrizione.
- Imposta le opzioni di accesso del cliente e i campi di input richiesti. Nelle impostazioni dell'amministratore, puoi determinare in che modo i visitatori possono effettuare gli ordini: consentire il check-out degli ospiti, impostare Multipass, ecc. Inoltre, puoi regolare quali campi del contenuto vengono visualizzati come obbligatori e quali sono opzionali: ad esempio, puoi includere o escludere il indirizzo 2.


- Consenti la mancia. Se ha senso per la tua attività, puoi consentire ai clienti di esprimere apprezzamento abilitando la mancia alla cassa.
2. Personalizzazioni del checkout di Shopify tramite app o altri strumenti
Varie app possono aiutarti a rendere il tuo processo di pagamento perfetto per le immagini e generare conversioni. Ecco alcuni esempi di cosa puoi fare:
- Sostituisci i breadcrumb predefiniti con la barra di avanzamento. La navigazione breadcrumb creata automaticamente per il checkout è troppo piccola per attirare l'attenzione. Se vuoi che i tuoi clienti capiscano chiaramente quanti passaggi sono necessari per completare l'ordine, puoi aggiungere una barra di avanzamento.

- Mostra una soglia di spedizione gratuita. Ha senso avere una soglia di spedizione gratuita ripetuta nelle diverse fasi del processo di acquisto: puoi aggiungerla nell'intestazione del tuo negozio, evidenziarla nella pagina del carrello e nel cassetto del carrello, e anche aggiungerla alla cassa (solo quando il condizione per la spedizione gratuita non è ancora soddisfatta).

- Aggiungi un regalo gratuito con l'acquisto. Se stai utilizzando un'app come Gift Box che ti consente di distribuire prodotti gratuiti, mostrerà automaticamente il regalo nel riepilogo dell'ordine quando vengono soddisfatte le condizioni da te specificate (soglia di spesa, ad esempio).

- Upsell e cross-sell di prodotti. Le tecniche di upselling possono funzionare bene in diverse fasi della canalizzazione, incluso il checkout. Puoi aggiungere offerte post-acquisto nella pagina di ringraziamento con l'aiuto di Candy Rack. Se vuoi esplorare diversi modi e soluzioni per effettuare l'upsell al momento o dopo il checkout, leggi la nostra selezione delle migliori app di upsell di Shopify.
- Aggiungi un timer per il check-out. L'urgenza è una grande motivazione per i clienti a completare i loro acquisti. Mostra loro che i tuoi prodotti sono molto richiesti con l'aiuto di un conto alla rovescia.

- Consenti ai clienti di registrarsi per ricevere aggiornamenti tramite e-mail e SMS. Questa funzionalità è disponibile nelle impostazioni dell'amministratore Shopify (abbiamo spiegato come funziona in precedenza), ma con le app avrai maggiore flessibilità su come presentare le opzioni di registrazione.
Puoi incorporare diverse registrazioni: per le tue campagne di marketing e per gli aggiornamenti sulle spedizioni. App come AfterShip ti aiuteranno con quest'ultimo.

- Aggiungi badge di fiducia. App come Trust Me ti aiuteranno ad aggiungere facilmente badge con metodi di pagamento supportati o altri indicatori di fiducia.
- Mostra i dettagli di contatto o altre informazioni utili. Perché lasciare alcune aree vuote se puoi ricordare ai clienti i vantaggi dei tuoi prodotti? Puoi creare una sezione speciale sotto il riepilogo dell'ordine:

Oppure puoi ricordare ai clienti le tue informazioni di contatto. Ciò può ridurre il tasso di abbandono del carrello poiché le persone avranno maggiori probabilità di risolvere i problemi che hanno.

- Consenti ai clienti di lasciare commenti. App come Commenti alla cassa ti aiuteranno a posizionare un campo aggiuntivo alla cassa in cui puoi chiedere feedback o consentire ai clienti di lasciare richieste di personalizzazione.
- Rendi il riepilogo dell'ordine appiccicoso. Affinché i clienti non perdano di vista il loro ordine quando completano i campi di spedizione e pagamento, puoi utilizzare un riepilogo dell'ordine appiccicoso (si sposterà insieme allo scorrimento del cliente).

- Crea un checkout di una sola pagina. Esistono strumenti di terze parti come Chekify che ti aiuteranno a progettare un'esperienza di pagamento che includa tutti i passaggi in un'unica pagina.
Ci auguriamo che le funzionalità che abbiamo menzionato ti ispirino a personalizzare il tuo checkout per renderlo irresistibile. Per ulteriori suggerimenti, consulta la nostra guida all'ottimizzazione del checkout di Shopify.
