6 esempi di pagine di checkout e come ottimizzarli

Pubblicato: 2022-12-05

L'abbandono del carrello della spesa continua a essere un importante punto dolente per i proprietari di negozi di e-commerce.

Secondo il Baymard Institute, il tasso medio di abbandono del carrello online è del 69,99%, il che si traduce in 7 acquirenti su 10 che non completano l'acquisto.

Questa è una statistica allarmante, ma è ancora più preoccupante quando ti rendi conto che il tasso di abbandono per gli utenti mobili è ancora più alto, all'85,65%.

Non tutti coloro che visitano il tuo negozio acquisteranno, ma puoi ridurre il tasso di abbandono del carrello rendendo il tuo processo di checkout il più semplice possibile (sebbene la piattaforma di e-commerce che utilizzi possa influire sulla facilità di questo).

Abbiamo messo insieme questi sei esempi di pagine di checkout, evidenziando i loro punti positivi e negativi.

Successivamente, discuteremo di come migliorare l'esperienza di pagamento dei tuoi clienti e, in ultima analisi, aumentare le tue entrate e il tasso di conversione.

Esempi di pagine di pagamento e come migliorarli

1. Dermalogica

Dermalogica è un marchio per la cura della pelle di livello professionale che funziona sulla piattaforma Shopify. Il marchio si rivolge a terapisti della pelle e consumatori.

Dermalogica fa molte cose per garantire un processo di pagamento senza interruzioni.

Ad esempio, ha un'opzione di pagamento rapido, che è eccellente se hai fretta o non vuoi perdere tempo a compilare i campi del modulo nel normale flusso di pagamento.

6 esempi di pagine di checkout e come ottimizzarli Screenshot da dermalogica.com, novembre 2022

Professionisti

  • Express checkout : accelera il processo di acquisto e consente ai clienti di effettuare il check-out più velocemente.
  • Una barra di avanzamento : i clienti possono vedere esattamente quanto mancano al completamento dell'acquisto e quanti passaggi sono rimasti per completarlo.
  • Diverse opzioni di pagamento : gli acquirenti possono scegliere tra i metodi di pagamento più diffusi supportati nella loro regione, comprese le carte di credito.

Contro

  • Nessun badge di fiducia o sigilli di sicurezza : gli acquirenti vogliono assicurarsi che le loro informazioni personali siano sempre sicure e protette, quindi la mancanza di badge di sicurezza potrebbe essere scoraggiante per alcuni acquirenti.
  • Ci sono troppi campi del modulo : il 17% degli acquirenti online statunitensi ha abbandonato un carrello perché il processo di checkout era troppo lungo o complicato. Detto questo, potrebbe essere una buona idea ridurre il numero di campi del modulo obbligatori nelle pagine di pagamento.

2. Bellroy

Le pagine di pagamento che migliorano l'esperienza dell'acquirente sono semplici e pulite, e Bellroy lo esemplifica.

Adotta uno stile di checkout di una pagina, strutturato in passaggi che guidano l'utente. Rivela tutte le informazioni rilevanti in anticipo, quindi non ci sono sorprese alla fine.

6 esempi di pagine di checkout e come ottimizzarli Screenshot da bellroy.com, novembre 2022

Professionisti

  • Convalida del modulo e notifica di errore : con questa funzione, gli utenti possono compilare correttamente ogni campo ed evitare di inviare il modulo con informazioni errate.
  • Pagamento ospite : i nuovi clienti non devono creare un account per completare l'acquisto. Di conseguenza, la loro esperienza di pagamento sarà fluida e senza problemi.
  • Checkout di una pagina : è efficiente perché gli utenti non devono saltare da una pagina all'altra per completare l'intero processo di acquisto. Questa comodità incoraggia più acquisti.

Contro

  • Nessun popup dell'intento di uscita : i popup dell'intento di uscita ti aiutano a convertire i visitatori in clienti ricordando loro i prodotti rimasti nel carrello mentre stanno per lasciare il tuo sito.

3. B&H Foto Video Pro Audio

B&H Photo Video Pro Audio, in esecuzione sulla piattaforma Drupal CMS, fa bene molte cose sulla sua pagina di pagamento. Ha un'interfaccia utente pulita con distrazioni minime.

Dopo che gli acquirenti aggiungono un articolo al carrello, viene visualizzata una finestra pop-up con i dettagli e gli accessori consigliati.

Gli acquirenti possono anche modificare e rimuovere facilmente gli articoli dal carrello senza uscire dalla pagina di pagamento.

6 esempi di pagine di checkout e come ottimizzarli Screenshot da bhphotovideo.com, novembre 2022

Professionisti

  • Interfaccia utente pulita con distrazioni minime : è un design senza fronzoli che mantiene l'attenzione sui dettagli del prodotto e sul carrello.
  • Pagamento rapido : riduce l'attrito nel processo di acquisto e migliora l'esperienza utente complessiva anche per gli utenti mobili.
  • Pagamento ospite : è conveniente e consente agli utenti alle prime armi di saltare la registrazione per l'acquisto.
  • Testo Secure Checkout nell'intestazione della pagina : questo rassicura gli acquirenti che le loro informazioni sono sicure e protette durante le transazioni di pagamento.
  • Una barra di avanzamento : con questa funzione, i clienti possono vedere quanto è rimasto prima di completare l'ordine, in modo da sapere quanto ancora devono aspettare prima di poter effettuare il pagamento con successo.
  • Facile accesso alle risorse : gli acquirenti possono trovare collegamenti alle politiche di acquisto e restituzione. Possono anche chattare rapidamente dal vivo con i rappresentanti dell'assistenza clienti e dell'assistenza alle vendite se hanno bisogno di assistenza durante il processo di acquisto.

Contro

  • Troppi elementi del modulo : sui dispositivi mobili, i moduli diventano un po' opprimenti perché ci sono troppi campi da compilare, il che rende il processo di transazione più lento e complicato per gli utenti mobili.

4. Vivere FLO

A proposito di mantenere le cose semplici, FLO Living, un marchio di salute che vende integratori naturali alle donne, fa un lavoro eccezionale con il suo design di checkout a pagina singola, costruito sulla piattaforma WooCommerce.

I menu a discesa e le caselle di riempimento automatico semplificano il processo di pagamento per i clienti, mentre il colore del marchio viene mantenuto nella pagina di pagamento del sito.

6 esempi di pagine di checkout e come ottimizzarli Screenshot da floliving.com, novembre 2022

Professionisti

  • Design semplice senza sacrificare un elemento del marchio : il design pulito e minimalista fa risplendere il prodotto e mantiene l'attenzione sul prodotto piuttosto che sul design stesso.
  • Caselle di riempimento automatico: i clienti possono compilare il proprio indirizzo e altri dettagli più velocemente popolando i dati dagli indirizzi salvati.
  • Checkout ospite : garantisce che gli acquirenti non debbano lasciare i propri dettagli se lo desiderano, soprattutto se sono acquirenti occasionali.

Contro

  • Opzioni di pagamento limitate : FLO consente solo carte di credito e di debito, che possono essere una svolta per i clienti che desiderano utilizzare metodi di pagamento alternativi.
  • Modulo lungo: il modulo lungo può scoraggiare alcuni utenti che desiderano completare i propri acquisti il ​​più rapidamente possibile.
  • Nessun badge di sicurezza : non vi è alcuna indicazione visiva dei badge o delle certificazioni di sicurezza del sito Web per rassicurare i clienti che le loro informazioni personali sono al sicuro.

5. Nike

Non sorprende che Nike inchiodi la sua pagina di pagamento.

Ancora una volta, il marchio utilizza la piattaforma Shopify per questo. E la sua pagina di pagamento in stile fisarmonica guida gli utenti a completare il pagamento senza distrazioni.

Non ci sono costi nascosti per scoraggiare i clienti dal check-out e il riepilogo dell'ordine è facilmente accessibile durante il check-out.

6 esempi di pagine di checkout e come ottimizzarli Screenshot da nike.com, novembre 2022

Professionisti

  • Stile di pagamento in una pagina : non è necessario passare da una pagina all'altra per completare gli ordini.
  • Nessun costo nascosto : il prezzo indicato nella pagina del prodotto è quello che i clienti pagheranno al momento del pagamento, il che aiuta a evitare confusione e insoddisfazione dei clienti a causa di costi imprevisti al momento del pagamento.
  • Checkout ospite: anche i nuovi acquirenti non devono registrare un account per effettuare il checkout e pagare i loro ordini, il che accelera il processo e aumenta le conversioni.
  • Opzioni di consegna : i clienti possono scegliere l'opzione di consegna preferita durante il checkout in base alla loro posizione e ai limiti di tempo, il che migliora l'esperienza di acquisto.
  • Pulsante chat dal vivo: il supporto della chat dal vivo è sempre disponibile, fornendo risposte rapide alle domande che i potenziali clienti potrebbero avere.
  • Nessun campo del modulo lungo : i campi del modulo sono limitati alle informazioni necessarie per completare un ordine, quindi i clienti possono completare il pagamento in pochi minuti.

Contro

  • Nessun badge di fiducia : non ci sono loghi o certificati di servizi di terze parti per aumentare la fiducia dei clienti sulla sicurezza delle loro informazioni personali e di pagamento. Potresti sostenere che la statura del marchio è sufficiente, ma i badge di fiducia sono tra le migliori pratiche per le pagine di pagamento.
  • Nessun popup di intento di uscita : non è presente alcun popup di intento di uscita nella pagina di pagamento per convincere gli acquirenti a completare l'acquisto e impedire l'abbandono del carrello.

6. Etsy

La piattaforma Etsy spunta molte caselle.

L'area della pagina di pagamento è pulita, con una navigazione facile da usare e una barra di avanzamento per mostrare visivamente a che punto è l'ordine nel processo.

Gli elementi del modulo non sono eccessivamente lunghi e offre anche un checkout per gli ospiti.

6 esempi di pagine di checkout e come ottimizzarli Screenshot da etsy.com, novembre 2022

Professionisti

  • Una barra di avanzamento : gli acquirenti possono vedere a che punto sono nel processo di pagamento con una barra di avanzamento situata nella parte superiore della pagina di pagamento.
  • Nessun costo nascosto : i clienti sanno esattamente quanto pagheranno durante il processo di completamento dell'ordine, quindi non ci sono sorprese al momento del pagamento.
  • Convalida del modulo e notifica di errore : man mano che gli utenti completano gli elementi del modulo, i controlli di convalida assicurano che inseriscano le informazioni corrette prima di procedere ulteriormente con l'ordine.
  • Checkout ospite : gli utenti non devono registrare un account per completare l'acquisto, il che velocizza il processo di checkout e aumenta le conversioni.

Contro

  • Nessun pop-up di intento di uscita : non è presente alcun pop-up di intento di uscita nella pagina di pagamento per convincere gli acquirenti a completare rapidamente gli acquisti e prevenire l'abbandono del carrello.
  • Nessun badge di sicurezza : non ci sono loghi o certificati di servizi di terze parti per aumentare la fiducia dei clienti riguardo alle loro informazioni personali e di pagamento sicure.
  • Nessun pagamento rapido : a differenza di alcuni degli altri siti Web qui, non esiste alcuna opzione di pagamento rapido per accelerare il processo (questa potrebbe essere una limitazione causata da differenze intrinseche tra le piattaforme Shopify ed Etsy). Ad esempio, i negozi Shopify ti consentono di aggiungere Shop Pay come opzione di pagamento rapido, con i dettagli del pagamento in negozio in tutti i negozi Shopify.

Elenco di controllo rapido per la tua pagina di pagamento e-commerce

I siti di e-commerce hanno esigenze diverse, ma ci sono alcuni elementi in una pagina di pagamento ideale che ogni negozio dovrebbe considerare:

Consenti pagamento ospite

Molte aziende commettono l'errore di chiedere ai clienti di creare un account prima di acquistare un prodotto.

Ma molti acquirenti intendono acquistare un prodotto solo una volta, quindi non ha senso lasciare i propri dati quando potrebbero non tornare.

Questa seccatura impedisce del tutto ai clienti di effettuare un acquisto, soprattutto se devono fare cose come verificare la propria e-mail.

Con un'opzione di pagamento ospite, questi clienti possono acquistare senza creare un account, che è una scelta molto migliore per entrambi.

Aggiungi sigilli di fiducia

Con l'aumento della criminalità informatica, i clienti preferiscono fare acquisti da negozi di cui si possono fidare.

Un sigillo di fiducia o segnali di fiducia correlati sulla pagina di pagamento possono aiutare a rafforzare la credibilità del tuo negozio e incoraggiare i clienti a completare il processo di acquisto.

Non consigliamo di visualizzare i sigilli su ogni pagina, poiché i clienti lo percepiranno come spam.

Ma dovresti almeno visualizzarne uno sulla tua pagina di pagamento per mostrare ai clienti che prendi sul serio la sicurezza.

Evita costi imprevisti

Quando crei il tuo flusso di lavoro di pagamento, assicurati che il riepilogo dell'ordine sia completo, in modo che i clienti abbiano una buona comprensione di ciò che stanno acquistando.

Quindi, non aggiungere costi aggiuntivi al momento del pagamento che possono aumentare l'abbandono del carrello.

Fornire un buon supporto clienti

Indipendentemente dal settore, i clienti preferiscono acquistare da marchi online in grado di fornire un'eccellente assistenza clienti.

Puoi migliorare le tue possibilità di fidelizzare i clienti mostrando le tue opzioni di supporto in anticipo sulla tua pagina di pagamento. Ad esempio, puoi integrare istantaneamente il software di chat dal vivo o includere un pulsante di chat dal vivo che porta all'assistenza clienti.

Questi semplici miglioramenti contribuiscono notevolmente a soddisfare le esigenze dei clienti e ad aumentare i tassi di conversione.

Aggiungi una barra di avanzamento

Avere una barra di avanzamento sulla tua pagina di pagamento può motivare gli acquirenti a completare rapidamente i loro acquisti, il che alla fine porta a conversioni più elevate.

Abilita più opzioni di pagamento

I clienti preferiscono completare gli acquisti tramite i metodi di pagamento di loro scelta.

Quindi assicurati di avere un gateway di pagamento in grado di accettare pagamenti con carta di credito, tra gli altri metodi di pagamento popolari.

Aumenta la velocità della tua pagina

Consenti ai clienti di effettuare facilmente un acquisto dal tuo negozio di e-commerce.

Una pagina che si carica lentamente o non si carica affatto può indurre i clienti ad abbandonare il processo di acquisto.

Ma ci sono modi in cui puoi rendere il tuo sito web più adatto ai motori di ricerca e caricare più velocemente.

Ad esempio, puoi utilizzare strumenti di compressione delle immagini e combinare file CSS e JS per migliorare il tempo di caricamento delle pagine del tuo sito web.

Conclusione

Ha senso solo rendere il processo di pagamento il più semplice possibile e garantire che i tuoi clienti se ne vadano felici, con i tuoi prodotti nei loro carrelli della spesa.

Non lasciare che questi esempi di pagamento siano l'unica fonte di ispirazione quando si tratta di ottimizzare la tua pagina di pagamento.

Segui i suggerimenti in questo articolo per progettare un carrello della spesa efficace e sicuro o una pagina di pagamento per il tuo negozio online.

Altre risorse:

  • 5 fantastici esempi di landing page per ispirare il tuo
  • 14 esempi stellari di negozi Shopify ottimizzati per la SEO per l'ispirazione
  • Marketing e-commerce: la guida definitiva

Immagini in evidenza: tmn art/Shutterstock