Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come personalizzare la pagina di checkout di WooCommerce (Il modo più semplice)

Durante i nostri anni di ottimizzazione dei negozi WooCommerce, abbiamo notato che la pagina di checkout è spesso il punto cruciale per le vendite.

È qui che i clienti completano il loro acquisto o abbandonano il carrello – e piccoli miglioramenti qui possono portare a significativi aumenti di fatturato.

Avendo aiutato innumerevoli proprietari di negozi, comprendiamo l'importanza di avere una pagina di checkout che si adatti perfettamente alle esigenze della tua attività.

Sia che tu voglia semplificare il processo, aggiungere campi personalizzati o riorganizzare il layout, ci sono modi semplici per ottenerlo.

In questa guida, condivideremo istruzioni passo passo per personalizzare la tua pagina di checkout WooCommerce. Queste sono tecniche comprovate che abbiamo testato a fondo, progettate per aiutarti a creare una migliore esperienza di checkout mantenendo l'affidabilità del tuo negozio.

Come personalizzare la pagina di checkout di WooCommerce (il modo facile)

Perché personalizzare la pagina di checkout WooCommerce in WordPress?

Gli studi dimostrano che i clienti abbandonano tra il 70-85% di tutti i carrelli della spesa. In altre parole, la maggior parte dei clienti lascerà la tua pagina di checkout senza spendere denaro.

Tenendo conto di ciò, vorrai fare tutto il possibile per convincere i clienti a completare il loro acquisto.

Il problema è che il checkout integrato di WooCommerce non è ottimizzato per le vendite.

La pagina di checkout predefinita di WooCommerce

Sostituendo questo design predefinito con una pagina di checkout WooCommerce personalizzata, puoi spesso migliorare i tuoi tassi di conversione e ottenere più denaro.

Ad esempio, potresti aggiungere la prova sociale alla pagina di checkout, come recensioni dei clienti e valutazioni a cinque stelle. Questo può incoraggiare le persone a fidarsi della tua attività, anche se non hanno mai acquistato da te prima.

Un esempio di pagina di checkout ottimizzata

Puoi anche mostrare prodotti correlati che gli acquirenti acquistano spesso insieme e ottimizzare il layout per rendere il processo di checkout il più semplice possibile.

Nell'immagine seguente, puoi vedere un esempio di pagina di checkout ottimizzata tratta dal sito AIOSEO.

Esempio di pagina di checkout

Detto questo, diamo un'occhiata a come puoi personalizzare facilmente la tua pagina di checkout WooCommerce e guadagnare di più dal tuo negozio online.

Utilizza semplicemente i collegamenti rapidi qui sotto per passare direttamente al metodo che desideri utilizzare.

Metodo 1. Personalizza la tua pagina di checkout WooCommerce utilizzando FunnelKit Builder

Il modo più semplice per creare una pagina di checkout WooCommerce personalizzata è utilizzare FunnelKit Builder. Questo plugin è dotato di modelli e moduli di checkout già pronti.

Una pagina di checkout personalizzata, creata utilizzando FunnelKit Builder

Ha anche 'ottimizzazioni' integrate progettate per aiutarti a ottenere più vendite. Abbiamo testato a fondo il plugin e lo abbiamo trovato estremamente facile da usare per i principianti.

Nota: Esiste anche FunnelKit Pro che offre ottimizzazioni più avanzate e modelli di checkout. Tuttavia, utilizzeremo la versione gratuita del builder FunnelKit poiché ha tutto ciò che ti serve per sostituire il checkout predefinito di WooCommerce con un design personalizzato.

La prima cosa che devi fare è installare e attivare il plugin. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.

Scegli un modello progettato professionalmente

Dopo l'attivazione, vai su FunnelKit » Store Checkout. In questa schermata, fai clic sul pulsante 'Crea Store Checkout'.

Il plugin WooCommerce FunnelKit builder

Ora puoi scegliere tra uno qualsiasi dei modelli di pagina di checkout progettati professionalmente da FunnelKit o selezionare 'Inizia da zero'. Ti consigliamo di utilizzare un modello per aiutarti a creare rapidamente una pagina di checkout ad alta conversione.

Per dare un'occhiata più da vicino a qualsiasi modello, basta passare il mouse sopra di esso e quindi fare clic sul pulsante ‘Anteprima’ quando appare.

Modelli di checkout WooCommerce personalizzati di FunnelKit

Nelle nostre immagini, stiamo utilizzando il modello Hific, che ha una sezione in cui puoi parlare di ciò che offri e una sezione in cui puoi mostrare le testimonianze dei clienti.

Quando trovi un modello che desideri utilizzare, fai clic su ‘Importa questo funnel’.

Importare un funnel di vendita nel tuo sito WordPress

A questo punto, FunnelKit potrebbe chiederti di installare alcuni plugin aggiuntivi come il loro plugin SlingBlocks per l'editor a blocchi.

Se vedi questo messaggio, fai clic su ‘Attiva’ per ottenere i plugin di cui hai bisogno.

Come creare una pagina di checkout WooCommerce personalizzata utilizzando plugin WordPress gratuiti

Dopodiché, puoi digitare un nome per la pagina di checkout del negozio. Questo è solo per tuo riferimento, quindi puoi usare qualsiasi cosa che ti aiuti a identificare la pagina nella dashboard di WordPress.

Fatto ciò, fai clic sul pulsante ‘Aggiungi’.

Nominare il tuo funnel FunnelKit per WordPress e WooCommerce

Nella schermata successiva, vedrai tutti i passaggi inclusi in questo modello. Puoi sbloccare passaggi aggiuntivi aggiornando a FunnelKit Pro.

Dato che stai usando la versione gratuita di FunnelKit, il modello include una pagina di Checkout e una pagina di ringraziamento personalizzata di WooCommerce.

Crea un design personalizzato per il checkout

Per procedere e personalizzare la pagina di checkout, fai clic sul suo link ‘Modifica’.

Personalizzare la schermata di checkout di WooCommerce

Ora puoi fare clic su ‘Modifica modello’ per aprire il modello nell'editor a blocchi di WordPress.

Nota: Se stai usando un plugin per la creazione di pagine drag and drop, allora FunnelKit potrebbe aprire il modello in un editor diverso. Se ciò accade, dovrai fare clic su ‘Passa all'editor di WordPress’ invece di ‘Modifica modello’.

Personalizzare la pagina di checkout di WooCommerce sul tuo negozio online

Ora puoi personalizzare il modello esattamente nello stesso modo in cui crei qualsiasi pagina di WordPress. Fai semplicemente clic su qualsiasi blocco e quindi perfezionalo utilizzando le impostazioni nel menu di destra e la mini barra degli strumenti.

Ad esempio, in genere vorrai sostituire il logo segnaposto con il tuo logo personalizzato. Per fare ciò, fai clic per selezionare il blocco Immagine e quindi seleziona 'Sostituisci' nella mini barra degli strumenti.

Aggiungere un logo personalizzato alla pagina di checkout sul tuo negozio online

Ora, seleziona Libreria multimediale e scegli un'immagine dalla libreria multimediale di WordPress, oppure fai clic su 'Carica' e seleziona un file dal tuo computer.

Dopo aver scelto un'immagine, puoi aggiungere testo alternativo all'immagine, modificarne la larghezza e persino aggiungere angoli arrotondati utilizzando le impostazioni nel menu a destra.

Creare un checkout personalizzato per un negozio online

Vorrai anche sostituire il testo segnaposto con informazioni sul tuo marketplace online e sulle testimonianze dei clienti. Fai semplicemente clic su qualsiasi blocco di testo per renderlo modificabile, nello stesso modo in cui lavori con il testo nell'editor di blocchi standard di WordPress.

Fatto ciò, puoi stilizzare il testo utilizzando le impostazioni nel menu a destra. Ad esempio, puoi utilizzare bordi e ombreggiature per far risaltare il testo, cambiare il tipo di carattere o cambiare il colore del testo in WordPress.

Aggiungere social proof al checkout di WooCommerce

Ripeti semplicemente questi passaggi per personalizzare tutti i blocchi standard nel modello FunnelKit Builder. Puoi anche aggiungere altri blocchi facendo clic sull'icona '+' o eliminare i blocchi che non ti servono.

La maggior parte di questi blocchi dovrebbe esserti familiare, ma FunnelKit include alcuni blocchi personalizzati. Poiché stai utilizzando un modello di checkout, il design avrà già un blocco FunnelKit Checkout, quindi fai clic per selezionare questo blocco.

Nel menu a destra, vedrai un elenco di tutte le diverse sezioni nel blocco Checkout, come Intestazione modulo, Coupon e Gateway di pagamento.

Come personalizzare la pagina di checkout su un negozio e-commerce

Fai semplicemente clic per espandere ogni sezione e quindi apportare le tue modifiche.

Di norma, se la sezione ha un'intestazione, una sottosezione o un'etichetta di pulsante, puoi modificarla digitando il nuovo testo.

Come personalizzare la pagina di checkout di WooCommerce

Alcune sezioni sono facoltative, quindi puoi attivarle e disattivarle utilizzando un interruttore.

Ad esempio, potresti voler aggiungere un riepilogo dell'ordine comprimibile in modo che l'acquirente possa vedere tutti gli articoli nel carrello.

Aggiungere un riepilogo dell'ordine collassabile a un negozio e-commerce

Puoi aggiungere altri campi al modulo di checkout o rimuovere quelli che non ti servono. Ad esempio, se stai utilizzando WooCommerce per vendere download digitali, in genere non è necessario raccogliere informazioni sulla spedizione.

Personalizza il modulo di checkout

Quando sei soddisfatto dell'aspetto della pagina di checkout, è ora di esaminare più attentamente i campi del modulo ed apportare le modifiche necessarie.

Per fare ciò, fai clic su 'Aggiorna' per salvare le modifiche e quindi seleziona 'Torna alla pagina di checkout'.

Salvare il design della tua pagina WooCommerce personalizzata

Ora, fai clic sulla scheda 'Campi' per vedere tutte le diverse sezioni e i campi che compongono il modulo di checkout.

Puoi riordinare questi campi utilizzando il trascinamento.

Aggiungere campi a un modulo di checkout

Per aggiungere altri campi, trascinali semplicemente dalla sezione di destra e poi rilasciali sul tuo modulo.

Puoi anche organizzare questi campi in sezioni facendo clic sul pulsante ‘Aggiungi Sezione’.

Aggiungere sezioni a un modulo di negozio online

Nel popup che appare, digita semplicemente un nome per la sezione. Poiché i clienti lo vedranno, è una buona idea aggiungere un'intestazione descrittiva e utile.

Fatto ciò, fai clic su ‘Aggiungi’.

Personalizzare il modulo di pagamento e ordine di WooCommerce

Ora puoi aggiungere campi alla sezione usando il trascinamento.

Vuoi rimuovere un campo dal modulo di checkout? Passa semplicemente il mouse sopra il campo e fai clic sull'icona rossa 'x' quando appare.

Rimuovere campi da un modulo di pagamento e ordine di WooCommerce

Per personalizzare uno qualsiasi dei campi FunnelKit, fai semplicemente clic su quel campo.

Le impostazioni che vedi possono variare a seconda del campo, ma in genere puoi cambiarne l'etichetta, aggiungere un valore segnaposto o rendere il campo obbligatorio selezionando la casella ‘Richiesto’.

Modifica dei campi in un modulo d'ordine online

Quando sei soddisfatto di come sono configurati i campi di checkout, non dimenticare di fare clic su ‘Salva Modifiche’ per memorizzare le tue impostazioni.

Ottieni più vendite con le ottimizzazioni di FunnelKit

Per ottenere più vendite, è una buona idea abilitare alcune delle ottimizzazioni di FunnelKit facendo clic sulla scheda ‘Ottimizzazioni’.

Creazione di una pagina di checkout WooCommerce ad alta conversione

Qui vedrai tutte le diverse ottimizzazioni che possono semplificare il processo di checkout.

Il plugin gratuito FunnelKit è dotato di pulsanti di checkout rapido per tutti i migliori gateway di pagamento WooCommerce. Ciò consente agli acquirenti di fare clic sul loro pulsante di checkout rapido preferito e pagare utilizzando un account esistente, simile a un pulsante acquista ora.

Poiché il cliente non deve compilare il modulo di checkout, ciò può ridurre i tassi di abbandono del carrello e aiutarti a ottenere più vendite.

Per configurare il checkout rapido, seleziona ‘Pulsanti di Checkout Rapido’ dal menu a sinistra. Quindi, fai clic sul pulsante ‘Abilita’ e utilizza il menu a discesa ‘Scegli Posizione’ per modificare dove appare il pulsante nella pagina di checkout.

Aggiungere il checkout rapido al tuo negozio online

Tieni presente che dovrai abilitare i pulsanti di richiesta di pagamento per poter utilizzare il pulsante Apple Pay di Stripe.

Successivamente, potresti voler abilitare il campo telefonico avanzato. Quando un cliente digita il proprio indirizzo di spedizione, FunnelKit può mostrare una bandiera del paese accanto al campo telefonico.

Aggiungere una bandiera telefonica a un modulo di pagamento

Questo fa sapere agli acquirenti che hanno digitato l'indirizzo corretto.

Per aggiungere questa funzionalità, seleziona 'Campo telefonico avanzato' dal menu a sinistra e quindi fai clic sul pulsante 'Sì' accanto a 'Abilita'.

Impostazioni di ottimizzazione delle conversioni di FunnelKit

In questa schermata, puoi anche convalidare il numero di telefono utilizzando il paese selezionato dall'acquirente. Questo è un modo per verificare che il cliente abbia digitato un numero di telefono valido.

Per abilitare questo controllo, seleziona semplicemente il pulsante 'Sì' accanto a 'Valida numero di telefono'.

Infine, puoi scegliere se salvare il numero di telefono con o senza il prefisso internazionale. Se vendi a un pubblico internazionale, di solito ha senso selezionare 'Con prefisso internazionale'.

Quando sei soddisfatto di come sono state impostate le ottimizzazioni, fai clic su 'Salva modifiche'.

Come puoi vedere, FunnelKit ha molte altre ottimizzazioni che possono aiutarti a ottenere più vendite. Queste includono il completamento automatico dell'indirizzo di fatturazione e spedizione dell'acquirente, l'applicazione automatica dei coupon e il precompilamento del modulo di checkout per i clienti abituali.

Per sbloccare queste potenti ottimizzazioni di WooCommerce, dovrai eseguire l'aggiornamento a FunnelKit Builder Pro.

Pubblica la pagina di checkout personalizzata di WooCommerce

Il plugin gratuito FunnelKit ha molte più impostazioni e funzionalità che possono aiutarti a creare una pagina di checkout ad alta conversione. Tuttavia, questo è tutto ciò di cui hai bisogno per creare una pagina di checkout WooCommerce personalizzata.

Quando sei soddisfatto di come è impostata la pagina di checkout, è ora di renderla attiva cliccando sul pulsante ‘Bozza’.

Pubblicazione di una pagina di checkout WooCommerce personalizzata

Se vuoi visualizzare in anteprima la pagina prima di pubblicarla, clicca su ‘Anteprima’. Questo aprirà la pagina di checkout personalizzata in una nuova scheda.

Per rendere la pagina attiva, clicca su ‘Bozza’ ma questa volta seleziona ‘Pubblicato’. Ora, se visiti il tuo sito web WordPress, vedrai la pagina di checkout personalizzata attiva.

Un esempio di pagina di checkout personalizzata

Metodo 2. Personalizza la tua pagina di checkout utilizzando SeedProd

Puoi anche creare una pagina di checkout WooCommerce personalizzata utilizzando SeedProd.

È il miglior costruttore di landing page utilizzato da oltre 1 milione di siti web e viene fornito con oltre 180 modelli progettati professionalmente, inclusi modelli per eCommerce che puoi utilizzare per creare pagine di vendita e pagine squeeze per lead.

Ancora meglio, SeedProd ha il supporto completo per WooCommerce e viene fornito anche con blocchi WooCommerce speciali che puoi utilizzare per creare rapidamente una pagina di checkout personalizzata.

Diversi dei nostri brand partner hanno progettato interi siti web utilizzando questo strumento e hanno apprezzato la sua facilità d'uso. Per maggiori dettagli, consulta la nostra recensione di SeedProd.

Poiché ti consente di creare tutti i tipi di pagine, SeedProd è un'ottima scelta se desideri personalizzare altre pagine, o anche creare un tema WordPress personalizzato per il tuo negozio online.

La prima cosa che devi fare è installare e attivare il plugin. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.

Nota: Esiste una versione gratuita di SeedProd, ma per questa guida utilizzeremo la versione Pro perché dispone dei blocchi WooCommerce integrati di cui abbiamo bisogno. Si integra anche con i servizi di email marketing che potresti già utilizzare per ottenere maggiori vendite e conversioni.

Dopo l'attivazione, vai su SeedProd » Impostazioni e inserisci la tua chiave di licenza.

Inserimento della chiave di licenza SeedProd

Puoi trovare queste informazioni nel tuo account sul sito web SeedProd. Dopo aver inserito la licenza, fai clic sul pulsante ‘Verifica chiave’.

Scegli un modello SeedProd

Dopodiché, vai su SeedProd » Pagine di destinazione e fai clic su 'Aggiungi nuova pagina di destinazione'.

Creazione di una pagina di checkout personalizzata con SeedProd

Successivamente, devi scegliere un modello per la tua pagina di checkout personalizzata.

I modelli di SeedProd sono organizzati in diversi tipi di campagne, come coming soon e pagine 404. Puoi fare clic sulle schede nella parte superiore dello schermo per filtrare i modelli di SeedProd in base al tipo di campagna.

Scegliere un design che corrisponda al tipo di pagina che desideri creare ti aiuterà a costruire la pagina più velocemente. Tuttavia, ogni modello è completamente personalizzabile, quindi puoi sempre perfezionare il design per adattarlo meglio al tuo negozio online.

Per questa guida, seleziona il ‘Modello vuoto’ in modo da poter iniziare da zero.

Per selezionare un modello, passaci sopra il mouse e fai clic sull'icona a forma di 'Spunta'.

Modelli di SeedProd progettati professionalmente

Successivamente, digita un nome per la tua pagina di checkout personalizzata. SeedProd creerà automaticamente un URL in base al titolo della pagina, ma puoi modificare questo URL come preferisci. Ad esempio, potresti essere in grado di migliorare il tuo SEO di WordPress aggiungendo alcune parole chiave pertinenti.

Per saperne di più, consulta la nostra guida dettagliata su come fare ricerca di parole chiave per il tuo blog WordPress.

Quando sei soddisfatto delle informazioni inserite, fai clic sul pulsante 'Salva e inizia a modificare la pagina'.

Come creare una pagina di checkout WooCommerce personalizzata utilizzando SeedProd

Questo ti porterà all'editor drag-and-drop, dove puoi costruire la tua pagina di checkout WooCommerce personalizzata.

Progetta una pagina di checkout ad alta conversione

L'editor di SeedProd mostra un'anteprima live della tua pagina di checkout a destra e alcune impostazioni dei blocchi a sinistra.

Il page builder ed editor di SeedProd

Inizia semplicemente creando un'intestazione personalizzata.

Qui puoi usare una sezione, che è una raccolta di blocchi spesso usati insieme. Fai semplicemente clic sulla scheda 'Sezioni' e quindi seleziona la categoria 'Intestazione'.

Aggiungere una sezione di intestazione a un checkout WooCommerce personalizzato

Dopodiché, passa il mouse sopra la sezione 'Intestazione 1' e fai clic sull'icona 'Più'.

Questo aggiunge una sezione di intestazione al tuo layout.

Come personalizzare la pagina di checkout WooCommerce utilizzando SeedProd

Per iniziare, vorrai sostituire il segnaposto 'Il tuo logo' facendo clic per selezionare quel blocco.

Quindi, fai clic sull'icona 'Seleziona immagine' nel menu a sinistra.

Aggiungere un logo alla pagina di checkout di un negozio online

Ora puoi scegliere un'immagine dalla libreria multimediale o caricare un nuovo file dal tuo computer.

La sezione Intestazione 1 viene fornita con un menu di navigazione. Tuttavia, questo incoraggia i visitatori ad abbandonare la pagina di checkout senza effettuare un acquisto, quindi è una buona idea rimuoverlo.

Per eliminare il blocco del menu di navigazione, fai clic per selezionare quel blocco. Quindi, fai clic sull'opzione 'Elimina blocco'.

Eliminare un blocco di navigazione da un design di pagina SeedProd

Una volta fatto ciò, fai clic sul pulsante di invito all'azione.

È intelligente offrire agli acquirenti un modo per tornare alla pagina del carrello e aggiungere altri articoli o modificarne la quantità. Tenendo presente ciò, digita l'invito all'azione che desideri utilizzare per questo pulsante, come 'Visualizza carrello' o simile.

Aggiungere un pulsante CTA alla pagina di checkout del tuo negozio online

Successivamente, digita l'URL della tua pagina del carrello WooCommerce nel campo 'Link'.

Ora, gli acquirenti possono visitare la pagina del carrello facendo clic su questo pulsante.

Aggiungere un link alla Call To Action del checkout

Aggiungi contenuti di upsell e cross-sell

Dopodiché, è ora di scegliere un layout per il resto della tua pagina di checkout.

È una buona idea mostrare alcuni prodotti consigliati in una sezione della barra laterale, poiché ciò incoraggia gli acquirenti ad aggiungere altri articoli al loro carrello. Tenendo presente ciò, fai clic sul layout del contenuto e della barra laterale sotto 'Scegli il tuo layout'.

Aggiungere un blocco di checkout a un modello di eCommerce

Una volta fatto ciò, trova il blocco 'Checkout' nel menu di sinistra e trascinalo nel tuo layout.

Puoi personalizzare completamente l'aspetto del tuo checkout utilizzando le impostazioni nel menu di sinistra, inclusa la modifica dello schema di colori, la scelta del carattere, il colore dei link, i pulsanti e altro.

Personalizzazione del blocco di checkout WooCommerce di SeedProd

Quando sei soddisfatto dell'aspetto della sezione di checkout, è ora di aggiungere una sezione di prodotti popolari o prodotti consigliati. Questo può farti ottenere più vendite promuovendo prodotti aggiuntivi che gli acquirenti potrebbero voler acquistare.

Per creare questa sezione, trascina semplicemente un blocco 'Prodotti più venduti' sulla tua pagina.

Mostrare i tuoi prodotti WooCommerce più venduti sulla pagina di checkout

Ora puoi configurare questo blocco utilizzando le impostazioni nel menu di sinistra. Per maggiori dettagli, consulta la nostra guida su come visualizzare i prodotti popolari in WooCommerce.

Successivamente, è una buona idea aggiungere un titolo sopra i prodotti popolari. Trascina semplicemente il blocco 'Titolo' sulla tua pagina e rilascialo sopra il blocco dei prodotti popolari.

Mostrare i prodotti più venduti su una pagina di checkout personalizzata

Quindi, fai clic per selezionare il blocco 'Titolo' e digita l'intestazione che desideri utilizzare.

Visualizza recensioni e valutazioni dei clienti

Una volta fatto ciò, ti consigliamo di mostrare la prova sociale aggiungendo un blocco di testimonianze dei clienti. Trova semplicemente il blocco 'Testimonianze' e trascinalo sul tuo layout.

Aggiungere testimonianze dei clienti a una pagina di checkout WooCommerce personalizzata

Ora puoi cambiare l'aspetto delle testimonianze sul tuo negozio online.

Ad esempio, nel menu di sinistra, vedrai le impostazioni per cambiare il colore della bolla del commento, cambiare l'allineamento e aggiungere altre testimonianze dei clienti.

Un'altra ottima idea è mostrare una valutazione a stelle sotto le tue testimonianze. Questa è un'ottima scelta se hai già molte recensioni positive.

Per fare ciò, trova semplicemente il blocco 'Star Rating' e trascinalo sotto il blocco della testimonianza.

Aggiungere una valutazione a stelle dei clienti alla pagina di checkout del tuo negozio online

Pubblica la pagina di checkout di WooCommerce

Quando sei soddisfatto dell'aspetto della pagina di checkout di WooCommerce, è ora di pubblicarla facendo clic sulla freccia a discesa accanto a 'Salva'.

Quindi, seleziona l'opzione 'Pubblica'.

Pubblicazione di una pagina di checkout WooCommerce personalizzata

Ora, se visiti il tuo negozio, vedrai la pagina di checkout attiva.

Suggerimento pro: Il monitoraggio delle conversioni può aiutarti a vedere cosa funziona e cosa no nella tua pagina di checkout. Puoi quindi utilizzare queste informazioni per perfezionare la tua pagina di checkout utilizzando SeedProd. Per maggiori dettagli, consulta la nostra guida su come impostare il monitoraggio delle conversioni di WooCommerce.

Assegna la tua pagina di checkout a WooCommerce

A questo punto, hai pubblicato la pagina di checkout personalizzata, ma il tuo blog WordPress o sito web sta ancora utilizzando il design predefinito. Dovrai modificare le impostazioni dell'URL predefinito in modo che WooCommerce invii i clienti alla nuova pagina di checkout invece di quella predefinita.

Per fare ciò, vai su WooCommerce » Impostazioni e fai clic sulla scheda 'Avanzate'.

Impostazioni eCommerce del plugin WooCommerce

Successivamente, apri il menu a discesa 'Pagina di checkout' e inizia a digitare l'URL della pagina di checkout personalizzata che hai appena creato.

Quando appare la pagina giusta, fai clic per selezionarla.

Modifica della pagina di checkout WooCommerce predefinita sul tuo negozio e-Commerce

Fatto ciò, scorri fino in fondo alla pagina e fai clic su ‘Salva modifiche’ per memorizzare le tue impostazioni. WooCommerce utilizzerà ora la pagina di checkout personalizzata.

Bonus: Come ridurre l'abbandono della pagina di checkout

L'abbandono della pagina di checkout si verifica quando un cliente inizia il processo di checkout ma non completa il pagamento.

Simile all'abbandono del carrello, è un grosso problema per i negozi online.

Quando si tratta di ridurre i tassi di abbandono del checkout, la creazione di una pagina personalizzata è un ottimo inizio. Tuttavia, ci sono molti altri modi per aumentare le tue vendite.

Evita di aggiungere costi aggiuntivi al checkout

Quando un cliente arriva al checkout, si aspetta che il prezzo totale sia simile al prezzo totale del prodotto. Se arriva alla pagina di checkout e vede tasse, costi di spedizione elevati e altre commissioni aggiuntive, è molto probabile che non completi l'acquisto.

Un esempio di checkout WooCommerce, con costi aggiuntivi

Alcuni clienti potrebbero proseguire con l'acquisto se ritengono che i costi siano giustificati. Tuttavia, è molto meglio essere trasparenti sui prezzi in modo che i clienti sappiano cosa aspettarsi.

Se hai molte commissioni aggiuntive, ti consigliamo di aggiungerle ai prezzi dei tuoi prodotti. Questo è molto meno confusionario per il cliente.

Ove possibile, è anche una buona idea offrire la spedizione gratuita.

Rendi la creazione dell'account opzionale o più semplice

Obbligare gli acquirenti a creare un account al momento del checkout aggiunge molta frizione al processo di acquisto e può aumentare i tassi di abbandono del checkout.

Puoi consentire la registrazione degli utenti sul tuo sito WordPress, ma dovresti evitare di renderla obbligatoria. Invece, potresti consentire agli acquirenti di effettuare il checkout come ospiti, ma offrire loro un codice coupon se creano un account.

Un esempio di modulo di iscrizione alla newsletter

In questo modo, puoi generare lead e far crescere la tua lista email senza perdere vendite.

Offri più opzioni di pagamento per il checkout

La maggior parte delle persone ha un metodo di pagamento preferito. Potrebbe essere il conto PayPal salvato sul computer dell'acquirente o la carta di credito a portata di mano.

Gli acquirenti potrebbero abbandonare la pagina di checkout se non supporti il loro metodo di pagamento preferito. Sebbene sia impossibile offrire ogni singolo metodo, dovresti puntare a offrire le opzioni di pagamento più comuni.

Una pagina di checkout WooCommerce con più opzioni di pagamento

Per maggiori dettagli, consulta il nostro elenco dei migliori gateway di pagamento WooCommerce per WordPress.

Visualizza un popup a tempo

Puoi anche ridurre l'abbandono del carrello con un popup a tempo.

OptinMonster è il miglior plugin popup WordPress e dispone di una tecnologia unica Exit-Intent® che può visualizzare popup esattamente quando un acquirente sta per lasciare la pagina di checkout.

Puoi persino usare OptinMonster per offrire agli acquirenti un codice sconto speciale se completano l'acquisto ora.

Un popup per carrello abbandonato, creato con OptinMonster

Imposta notifiche push per carrelli abbandonati

Un altro ottimo modo per ridurre l'abbandono del carrello è impostare notifiche push web.

Queste notifiche vengono visualizzate sui browser mobili e desktop degli utenti, anche quando non sono sul tuo sito web. Questo rende facile raggiungere gli acquirenti e ricordare loro di completare l'ordine.

PushEngage è utilizzato da oltre 25.000 proprietari di aziende intelligenti, ed è il miglior software per notifiche push web sul mercato. Ti consente di creare facilmente campagne per carrelli abbandonati di WooCommerce.

Un esempio di notifica per carrello abbandonato

Puoi anche impostare campagne per abbandono della navigazione, avvisi di calo prezzi, annunci di nuovi prodotti, avvisi di inventario e altro ancora.

Crea una pagina carrello WooCommerce personalizzata

Dopo aver ottimizzato la pagina di checkout di WooCommerce, potresti anche voler considerare di personalizzare la tua pagina carrello di WooCommerce.

Ottimizzando sia la pagina carrello che quella di checkout, puoi rendere l'intero processo di acquisto un'esperienza fluida, in modo da non perdere vendite. Puoi anche progettare entrambe le pagine in modo che abbiano lo stesso branding, così i visitatori avranno un'esperienza di checkout coerente.

Per istruzioni dettagliate passo dopo passo, consulta la nostra guida su come creare una pagina carrello personalizzata per WooCommerce.

Speriamo che questo articolo ti abbia aiutato a personalizzare facilmente la pagina di checkout di WooCommerce. Potresti anche voler consultare la nostra guida su come creare un popup WooCommerce per aumentare le vendite e la nostra selezione di esperti dei migliori plugin WooCommerce per il tuo negozio.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

1 CommentLeave a Reply

  1. Così tante informazioni in un unico posto, è assolutamente incredibile. Amo WooCommerce perché mi offre una grande flessibilità nel personalizzare il mio negozio. Grazie alle vostre guide, sono già riuscito a modificare e stilizzare molte cose per adattarle al mio marchio, e voglio continuare così che l'intero sito web rifletta il mio marchio piuttosto che quello predefinito di WooCommerce o del tema. Grazie mille per altri consigli pratici su come personalizzare anche la pagina di checkout.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti, e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.