Personalizzazione del checkout di Shopify: quali opzioni hai

Pubblicato: 2022-08-31

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

Verifica della modifica nella personalizzazione del tema

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.

Caratteri personalizzati alla cassa
Caratteri personalizzati alla cassa. Fonte: Verve

  • 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.
Intestazione dell'immagine personalizzata nella pagina di pagamento
Intestazione dell'immagine personalizzata nella pagina di pagamento. Fonte: Alchimia del cioccolato

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.
Personalizzazione delle iscrizioni e-mail e SMS

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.
Impostazioni di checkout di Shopify: accesso cliente

  • 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.
Barra di avanzamento del checkout in 5 passaggi
Barra di avanzamento del checkout in 5 passaggi. Fonte: Gymshark

  • 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).
Condizioni di spedizione gratuite visualizzate durante il checkout
Condizioni di spedizione gratuite visualizzate durante il checkout. Fonte: Pura Vida

  • 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).
Omaggio con acquisto alla cassa

  • 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.
Cronometro
Cronometro. Fonte: Burga

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

Aggiornamenti degli ordini e iscrizioni al testo di marketing alla cassa
Aggiornamenti degli ordini e iscrizioni al testo di marketing alla cassa. Fonte: Poi ti ho incontrato

  • 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:
Vantaggi del marchio menzionati nella pagina di pagamento
Vantaggi del marchio menzionati nella pagina di pagamento. Fonte: Pura Vida

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.

Dettagli di contatto nella pagina di pagamento
Dettagli di contatto nella pagina di pagamento. Fonte: Made In

  • 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).
Riepilogo dell'ordine appiccicoso
Riepilogo dell'ordine appiccicoso. Fonte: Tsuno

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