Come impostare una pagina di pagamento WooCommerce con Divi

La fase più importante di un percorso di acquisto online è il completamento di un acquisto. Non importa per quanto tempo un utente trascorre la navigazione nel tuo negozio online, se non si traduce in vendita, non è rilevante.

È fondamentale rendere il processo di pagamento il più semplice possibile per i tuoi clienti. Quindi, come crei una pagina di pagamento facile da usare sul tuo negozio WooCommerce? In questo post, vedremo come impostare una pagina di pagamento WooCommerce personalizzata con Divi.

Perché hai bisogno di una pagina di pagamento WooCommerce personalizzata?

Nessun cliente ha a che fare con un processo di checkout ingombrante. La verità è che i tuoi clienti non rimarrebbero in giro se la tua pagina di pagamento e il processo sono stressanti. Se attualmente riscontri carrelli abbandonati sul tuo sito di e-commerce, potrebbe essere una buona idea rivedere la tua pagina di pagamento.

Devi dare ai tuoi clienti un effetto "wow" dall'inizio della loro esperienza di acquisto fino alla fase finale. Se scegli la tradizionale pagina di pagamento di WooCommerce, non otterresti questo effetto.

Devi creare un processo di pagamento unico, senza interruzioni e facile da usare per offrire un'esperienza di acquisto fluida ai tuoi clienti. Alcuni dei vantaggi della creazione di una pagina di pagamento personalizzata sono i seguenti:

• Riduzione dell'abbandono del carrello

Le opportunità di vendita perse sono spesso causate dall'abbandono del carrello. È una situazione in cui i clienti mettono già gli articoli nel carrello ma da qualche parte lungo la linea lasciano il sito senza aver completato l'acquisto. Una pagina di pagamento complicata spesso provoca l'abbandono del carrello.

Se il tuo cliente deve affrontare un lungo processo o ritiene che il processo non sia sicuro, è probabile che perda interesse nel completare la transazione. Con una pagina di pagamento personalizzata, c'è un'alta probabilità che i tuoi clienti trovino il processo più semplice e sicuro.

• Transazioni facili e veloci

Il tuo funnel di vendita dovrebbe essere il più breve e veloce possibile da completare. Quando imposti e personalizzi la tua pagina di pagamento WooCommerce, rimuovi facilmente l'onere non necessario e ti concentri solo sui dettagli importanti nel processo di transazione.

Avendo una procedura di pagamento con più pagine da compilare, i clienti probabilmente si stancheranno e lasceranno il tuo sito. Tuttavia, quando l'intero processo è semplificato, puoi aiutare i tuoi clienti a completare il percorso di acquisto in modo più semplice e veloce.

Come impostare una pagina di pagamento WooCommerce personalizzata

La tua pagina WooCommerce viene fornita con una pagina di pagamento predefinita. Puoi modificarlo con un plug-in o uno shortcode di terze parti. Se sei un nuovo utente, potresti avere difficoltà a modificare la tua pagina di pagamento utilizzando queste opzioni. È qui che entra in gioco l'utilizzo di un plug-in come Divi Builder.

Divi Builder ha un modulo Divi Shop che ti consente di creare uno straordinario negozio online con una pagina di pagamento personalizzata. In questa sezione, esamineremo la guida passo passo per impostare la tua pagina di pagamento WooCommerce personalizzata.

Prima di allora, è fondamentale comprendere l'importanza dei certificati SSL, della protezione dei dati e della sicurezza sul tuo sito. Hai bisogno di un certificato SSL per un ulteriore livello di sicurezza per crittografare i dati archiviati sulla tua piattaforma.

Un certificato SSL mostra ai tuoi clienti che il tuo sito è sicuro di fornire i dettagli della carta di credito. Ora che abbiamo cancellato questa parte, approfondiamo i dettagli della creazione di una pagina di pagamento WooCommerce personalizzata.

Passaggio uno: imposta la tua pagina di pagamento nelle impostazioni del plug-in WooCommerce prima di utilizzare il plug-in Divi Builder. Per fare ciò, vai alla dashboard di WooCommerce e fai clic su "Impostazioni".

Quindi, fai clic sulla scheda "Avanzate" e individua la Pagina di pagamento. Seleziona l'opzione "Checkout" dal menu a tendina e scorri fino alla fine della pagina per fare clic sul pulsante "Salva" per salvare le modifiche.

Passaggio due: con la pagina di pagamento già impostata, il passaggio successivo consiste nell'installare il plug-in Divi Shop Builder. Quindi, vai al sito Web ufficiale di Elegant Theme per acquistare il plug-in Divi Shop Builder. Fare clic sul collegamento per il download dalla "Pagina del mio account" per scaricare.

Dopo il download, installa e attiva il plugin. il plugin apparirà nel menu Divi dopo aver completato l'installazione. Prima di continuare, assicurati di autenticare il plug-in per il tuo acquisto.

Per fare ciò, vai su "Pagina del mio account" sul sito Web di Elegant Theme per copiare la chiave di licenza. Dopo aver autenticato il plugin, puoi iniziare a usarlo. Il Divi Shop Builder funziona nel plug-in Divi Builder, il che rende la creazione del tuo negozio WooCommerce un'attività molto semplice.

Passaggio tre: il passaggio successivo consiste nel creare la tua pagina di pagamento WooCommerce personalizzata. Per fare ciò, fai clic per aprire la Pagina di pagamento e abilita il Divi Builder acquistato. Quindi, apri il plug-in Divi Builder e inizia ad aggiungere moduli.

Troverai cinque nuovi moduli (fatturazione alla cassa, coupon alla cassa, ordine alla cassa, spedizione alla cassa e avvisi carrello/acquisto) aggiunti a Divi Builder. Questi moduli ti aiuteranno a configurare la tua pagina di pagamento personalizzata sul tuo negozio WooCommerce. Ecco come funzionano questi moduli.

Fatturazione alla cassa: consente di personalizzare tutti i campi di immissione del modulo in cui i clienti possono inserire i dettagli di fatturazione. È possibile modificare le etichette dei campi in base alle esigenze.

Spedizione alla cassa: consente ai tuoi clienti di specificare un indirizzo secondario. Come per la fatturazione Checkout, puoi anche modificare i campi del modulo in base alle tue esigenze.

Buono di pagamento: consente ai tuoi clienti di inserire un codice promozionale univoco che è stato loro assegnato per richiedere uno sconto speciale. Dovresti posizionare il modulo del buono di pagamento separato dagli altri moduli per farli funzionare. Se hai un vincolo di spazio, riduci il riempimento tra le righe e le sezioni per creare più spazio.

Ordine di pagamento: qui è dove il tuo cliente stabilisce e conferma l'ordine prima di procedere all'opzione di pagamento. Puoi anche modificare questa parte in base alle tue esigenze utilizzando la funzione di trascinamento della selezione.

Avviso di pagamento: se desideri aggiungere una nota ad altre pagine di pagamento, puoi utilizzare questo modulo. Puoi essere elaborato o semplice nel tuo design come vuoi.

Quando si utilizzano i moduli Checkout, è necessario assicurarsi che non si trovino nelle stesse sezioni degli altri moduli del modulo. Se li metti insieme, non funzionerebbero. Dovresti inserire il Modulo di contatto, il Modulo di partecipazione, il Modulo di commento e il Modulo di accesso in sezioni separate durante la creazione della pagina di pagamento per far sì che funzionino in modo appropriato.

Come altri moduli all'interno del tema Divi, puoi personalizzare lo stile dei tuoi moduli di pagamento con Divi Builder. Per fare ciò, segui i passaggi seguenti:

• Fare clic per aprire i moduli Checkout

• Fare clic sulla scheda "Design".

• Usa i diversi elementi per dare uno stile alla tua pagina in modo che corrisponda al tuo design e alla tua identità di marca

• Puoi anche aggiungere ulteriori personalizzazioni tramite la scheda Avanzate. Dalla scheda Avanzate, puoi impostare gli effetti di scorrimento, le transizioni, il posizionamento e le impostazioni di visibilità per un dispositivo. Puoi anche aggiungere ID e classi personalizzati per script CSS avanzati.

Conclusione

Divi elimina lo stress dalla creazione di una pagina di pagamento WooCommerce. Ti consente di modificare la tua pagina di pagamento corrente e anche di creare una pagina del carrello personalizzata. Il plug-in divi viene fornito con numerose funzionalità per rendere il tuo negozio invitante per i clienti come puoi immaginare. Inoltre, rende lo shopping e il processo di pagamento molto semplici.