Come personalizzare la pagina di pagamento di WooCommerce con Elementor e ShopEngine

Personalizza la pagina di pagamento

Il business dell’e-commerce è ora più competitivo che mai. La concorrenza sta crescendo perché il nuovo sito arriva regolarmente. Molti imprenditori di e-commerce hanno difficoltà con le vendite. Così tu?

Uno studio recente afferma che il 60% di abbandono del carrello è normale al giorno d'oggi. Quindi, porti il potenziale cliente sul tuo sito WordPress, permetti loro di scegliere il prodotto, aggiungere una pagina del carrello e poi ottenere il rimbalzo.

Non ottenere vendite dopo che qualcuno ha deciso di aggiungere prodotti al carrello è davvero scoraggiante. Tuttavia, puoi risolvere questo problema personalizzando la pagina di pagamento di WooCommerce.

Quindi, la domanda è come personalizzare o modificare la pagina di pagamento di WooCommerce. Qui imparerai come personalizzare la pagina di pagamento WooCommerce con il modello di pagamento WooCommerce.

Perché personalizzare la pagina di pagamento di WooCommerce?

La pagina di pagamento di WooCommerce svolge un lavoro adeguato nel fornire ai clienti un processo di pagamento fluido. Tuttavia, se desideri offrire al tuo utente un'esperienza di acquisto più arricchente e quindi aumentare il tasso di conversione, dovresti prendere in considerazione la personalizzazione della pagina di pagamento di WooCommerce. 

A seconda del tipo di attività, dovresti modificare la pagina di pagamento di WooCommerce per garantire un'esperienza di acquisto fluida per i tuoi clienti. Ad esempio, se vendi solo beni digitali, non è necessario raccogliere indirizzi.

Parlando di raccolta di indirizzi, la pagina di pagamento è il posto migliore per raccogliere dati utente che puoi utilizzare per migliorare l'esperienza del tuo cliente e utilizzare anche nella tua futura strategia di marketing per aumentare le vendite.

Oltre ad aggiungere, rimuovere o modificare i campi del modulo della pagina di pagamento, puoi anche aggiungere una nuova sezione per evidenziare la tua offerta speciale o USP (proposta di vendita unica) della tua attività o testimonianza, ecc. Tutto ciò può aiutarti ad acquisire clienti fidati e ottieni più clienti per completare i loro ordini.

Spero che ora tu capisca l'importanza di una pagina di pagamento personalizzata per il tuo sito Web WordPress e perché dovresti personalizzare la pagina di pagamento WooCommerce. 

Se ti stai chiedendo come personalizzare la pagina di pagamento di WooCommerce, passa alla sezione successiva per le risposte.

Come personalizzare la pagina di pagamento WooCommerce in Elementor

Quando tutte le altre società offrono il plug-in/add-on esterno per la pagina di pagamento, Wpmet offre un generatore di pagine di pagamento drag-and-drop integrato. Con ShopEngine puoi creare la tua pagina di pagamento in 3 semplici passaggi. E puoi anche modificare la tua pagina di pagamento WooCommerce.

Oltre a creare e personalizzare la pagina di pagamento di WooCommerce, puoi creare e personalizzare molte altre pagine di WooCommerce, tra cui la pagina del singolo prodotto WooCommerce, la pagina del carrello e la pagina di archivio.

Non preoccuparti! Non dovrai scrivere alcun codice. Qui mostrerò il processo di personalizzazione del modello di pagina di pagamento WooCommerce.

Prima di iniziare la progettazione, è meglio se fai uno schizzo della tua prossima pagina di pagamento. Ti farà risparmiare tempo ed eliminerà la confusione durante la progettazione della pagina.

Installa Elementor e ShopEngine

Installa Elementor e ShopEngine per scoprire come modificare la pagina di pagamento di WooCommerce

Il primo passo è installare Elementor e ShopEngine sul tuo sito WordPress wooCommerce. Entrambi i plugin sono gratuiti e disponibili nella directory di WordPress. Dopo aver installato il plugin, completa la configurazione di base.

Chiave di installazione: wp-admin -> Plugin -> Aggiungi nuovo -> ShopEngine/Elementor -> Installa ora -> Attiva

Crea un modello di pagina di pagamento

  • Clicca su Modello dal ShopEngine menu della barra laterale. 
  • Clicca su "Aggiungere nuova" e verrà visualizzato un popup nella dashboard. 
  • Imposta il nome e "Guardare" dal "Tipo" cadere in picchiata.
  • Imposta il valore predefinito come "" e salva la pagina.

Tasto Impostazioni: vai su ShopEngine -> Modelli -> Aggiungi nuovo

Come modificare o personalizzare la pagina di pagamento di woocommerce

Una nuova pagina di pagamento verrà aggiunta all'elenco delle pagine. Modifica la pagina con Elementor. Controlla la documentazione per maggiori dettagli su come farlo creare un modello di pagina di pagamento con ShopEngine.

personalizzare la pagina di pagamento di woocommerce
personalizzare la pagina di pagamento di woocommerce

Puoi crea campi personalizzati e crea una pagina di pagamento WooCommerce standard per il tuo sito web. Per il modello di pagina di pagamento WooCommerce non è richiesto alcun codice personalizzato o CSS personalizzato. Con ShopEngine, puoi modificare la pagina di pagamento di WooCommerce con un semplice "trascina e rilascia".

Puoi cercare l'elemento e rilasciarlo nella pagina per la personalizzazione della pagina di pagamento di WooCommerce. Quindi salvalo. Inoltre, puoi sfogliarli manualmente. Puoi scegliere qualsiasi layout Elementor in base alla tua scelta, aggiungere widget e salvarlo.

Elementi di pagamento per la pagina di pagamento personalizzata

personalizzare la pagina di pagamento di woocommerce
  • Modulo coupon- È un modulo per offrire il tuo coupon.
  • Pagamento alla cassa- Il modulo serve per impostare il metodo di pagamento del checkout. Questo modulo contiene i dettagli di fatturazione per personalizzare la pagina di pagamento.
  • Checkout Revisione ordine- Con questo modulo è possibile raccogliere le recensioni dei clienti.
  • Modulo di pagamento aggiuntivo- (Personalizzare i campi di pagamento) serve per acquisire informazioni aggiuntive come indirizzi di fatturazione diversi o informazioni esterne.
  • Fatturazione modulo di pagamento- E' un modulo per prendere i dati di fatturazione del cliente. 
  • Modulo di pagamento Login- Il modulo serve per l'accesso del cliente durante il momento dell'ordine.
  • Modulo di pagamento Spedizione- È un modulo per ottenere l'indirizzo di spedizione dal cliente. 
  • Metodo di spedizione- Il metodo di spedizione serve per sapere quale metodo di spedizione verrà applicato.
  • Modulo aggiuntivo- Questi campi personalizzati servono per acquisire informazioni aggiuntive come indirizzi di fatturazione diversi o informazioni esterne.
  • Modulo Spedizione- Il modulo di spedizione serve per acquisire le informazioni di spedizione dal cliente.

Quindi ora sai quale elemento è per cosa! E hai anche lo schizzo della tua pagina di pagamento. Quindi, progetta la tua pagina di pagamento WooCommerce personalizzata con le funzionalità di trascinamento della selezione di ShopEngine.

Nota: Nel caso in cui non desideri creare la tua pagina di pagamento da zero, puoi farlo utilizza i modelli di pagina di pagamento predefiniti di ShopEngine e modifica diverse sezioni per personalizzarlo. Per una comprensione più chiara del processo, guarda il video qui sotto:

Personalizza la pagina di pagamento WooCommerce utilizzando ShopEngine ed Elementor

Con ShopEngine puoi anche creare una pagina di pagamento in più passaggi in WooCommerce.
Controlla l'intero processo
👉👉 Come aggiungere WooCommerce Multi-Step Acquista in 5 passaggi

Suggerimenti bonus Per migliorare la pagina di pagamento di WooCommerce

Ci sono sempre alcune cose segrete che aumentano le vendite. Portiamo tutti i suggerimenti segreti qui in pubblico. L'applicazione dei seguenti suggerimenti dopo aver personalizzato il modello della pagina di pagamento potrebbe aumentare le tue vendite molto più delle tue aspettative.

Semplifica il processo di pagamento

Uno studio recente mostra che 28% dei migliori siti di eCommerce hanno 5 passaggi nella pagina di pagamento. Puoi mantenerlo invariato o eseguire meno passaggi sul tuo sito e-commerce.

Mantieni la pagina di pagamento semplice e ovvia. Aggiungi un indicatore visivo in modo che i tuoi clienti possano vedere i passaggi totali. Troppi passaggi possono danneggiare la velocità di avanzamento.

Offri più opzioni di pagamento

C'è stato un tempo in cui un sito di eCommerce conteneva un unico metodo di pagamento. Ha causato un alto tasso di abbandono. Soprattutto quando un sito si attacca a un gateway di pagamento locale.

Per risolvere il problema dell’elevato abbandono, i marchi offrono ora più soluzioni di pagamento. I portafogli elettronici e le fughe di pagamento elettronico rendono tutto più semplice che mai. In questa era, se non offri più opzioni di pagamento, perderai molti clienti.

Mostra l'avanzamento del pagamento

Come già accennato, la pagina di pagamento dovrebbe contenere circa 5 passaggi. Ora è meglio mostrare i passaggi come avanzamento o completamento del passaggio. Il tuo cliente dovrebbe sapere quanti passaggi mancano per completare il checkout.

È meglio aggiungere i passaggi di avanzamento con il titolo. Aiuterà gli utenti a comprendere le informazioni imminenti.

Condividi l'importo del risparmio

Questa è un'ottima idea per aumentare le vendite. Mostra il risparmio totale al tuo cliente. Diciamo che stanno salvando x% dall'ordine. Chi non vuole risparmiare? Quindi manterrà la loro attenzione.

Puoi anche mostrare il punto di salvataggio imminente. Ad esempio, puoi eseguire il ping o visualizzare un avviso con "Spendi 100 e risparmia x% in più". Ciò aiuterà sicuramente a ottenere più vendite.

Mantieni il cliente sulla stessa pagina durante il pagamento

Se indirizzi il tuo cliente a un'altra pagina per ricevere il pagamento, spesso uscirà dal sito. Non torneranno per fare acquisti extra. Sarà difficile fare upsell e downsell al cliente.

Quindi, mantieni il tuo cliente sulla stessa pagina mentre crei un pagamento. Al giorno d'oggi è possibile integrare un gateway di pagamento. Migliora l'esperienza del cliente e diminuisce i problemi abbandonati.

Visualizza testimonianza

L'aggiunta di alcune testimonianze accattivanti alla pagina di pagamento aumenta la fiducia dei clienti. Ma assicurati di non aggiungere testimonianze generiche e troppe sulla pagina.

Implementare punti e premi

Un altro ottimo modo per ridurre il problema degli abbandonati è introdurre punti e premi. Se consenti ai tuoi clienti di riscattare punti per effettuare acquisti o per ulteriori sconti, li motiverà alla cassa.

I clienti possono guadagnare punti al momento del pagamento solo se soddisfano il requisito del totale dell'ordine menzionato.

Prova upsell e cross-sell

Secondo Amazon, il cross-selling e l’upselling hanno contribuito per circa 35% delle loro entrate. Secondo l'analista di Forrester Research, i suggerimenti sui prodotti sono responsabili di una media di 10-30% dei ricavi dei siti di e-commerce.

Gli upsell e le vendite incrociate della pagina di pagamento sono alcune delle migliori opzioni per qualsiasi sito di e-commerce. Mostra il tuo prodotto correlato al cliente con uno sconto e punti premio.

Utilizza un design ottimizzato per dispositivi mobili

Quando si tratta di SEO, Google e tutti gli altri motori di ricerca si preoccupano del design ottimizzato per i dispositivi mobili. Ha un impatto elevato sul posizionamento nei risultati di ricerca. Bene, se la tua pagina di pagamento è meno ottimizzata per i dispositivi mobili, hai un'alta probabilità di perdere molti clienti.

Progetta una pagina di pagamento ottimizzata per dispositivi mobili e reattiva per il tuo sito di e-commerce. Puoi utilizzare ShopEngine, un plug-in di personalizzazione della pagina di pagamento di WooCommerce per progettare la pagina di pagamento ottimizzata per dispositivi mobili.

Abilita il salvataggio del contenuto del carrello

Il sito dovrebbe avere opzioni di salvataggio del “contenuto del carrello” pulite e semplici. Non dovrebbe richiedere alcuna registrazione futura, accesso o immissione di dati da parte degli utenti. 

https://wpmet.com/plugin/shopengine/pricing/?utm_campaign=checkoutpage&utm_medium=gif&utm_source=blog

Cos'altro ShopEngine ha da offrire?

Insieme ai widget, ShopEngine fornisce anche molti moduli utili come preordine, ordine arretrato, vendita flash, ecc. Puoi sempre controllare tutti questi moduli in dettaglio in seguito. Inoltre, per ogni modulo otterrai layout pronti come il modello della pagina di pagamento.

Ma il modulo su cui voglio mettere in luce sono i campi di pagamento aggiuntivi. Utilizzando questo modulo puoi facilmente aggiungere campi personalizzati a qualsiasi modulo della tua pagina di pagamento WooCommerce e personalizzare la pagina di pagamento WooCommerce in base alla tua attività e ai tuoi requisiti.

Imparentato: Come aggiungere un campo di pagamento personalizzato avanzato WooCommerce


Puoi anche verificare quanto sia facile aggiungere un campo personalizzato nel video qui sotto:

Aggiungi un campo personalizzato alla pagina di pagamento di WooCommerce

Chiamata finale

Il checkout è il passaggio finale affinché un potenziale cliente possa acquistare qualcosa. Pertanto, la pagina di pagamento è il luogo in cui è necessario prestare particolare attenzione. E ShopEngine è il miglior plug-in di personalizzazione della pagina di pagamento WooCommerce che troverai per personalizzare o modificare la pagina di pagamento WooCommerce e renderla davvero speciale.

Inoltre, ora sai come personalizzare o modificare gratuitamente la pagina di pagamento di WooCommerce. Allora, sei pronto per personalizzare o modificare la pagina di pagamento di WooCommerce con ShopEngine?


Commenti

  1. Avatar Raaz

    Questo è uno degli ottimi plugin per creare una pagina di pagamento. Non so dove ho commesso un errore, ma dopo la procedura di pagamento non sono andato alla pagina di ringraziamento.

    1. Avatar Dipa Shaha
      Dipa Shaha

      Raaz, non possiamo essere sicuri di quale sia la causa del problema che stai affrontando senza ispezionare il tuo sito web. Ti suggerirei di creare un ticket con il nostro team di supporto e loro forniranno una soluzione. Puoi creare un ticket utilizzando questo link https://wpmet.com/support-ticket-form/

  2. Avatar Arnaldo Alves Pacheco

    Stai usando il plugin e devi fare alcune cose, altrimenti non ne avrai molto. Ad esempio, creo sul mio sito alcune pagine di categorie di prodotti con immagini e contatore del numero di prodotti, ma mi manca la possibilità di aggiungere le categorie di prodotti in ordine crescente e decrescente, così da fare tutto manualmente e perdere molto tempo fazendo questo. Puoi cercare automaticamente nel mio menu i prodotti e definire le condizioni del widget. Esta parte não gostei muito não.
    Sei riuscito a ricevere il messaggio in altre parti del mio sito usando il plugin, ma ho perso il mio lavoro.

    1. Avatar Hasib

      Per favore, verifica la versione aggiornata del plugin. Non avrai problemi! I plugin menzionati sono molto facili da usare e non hanno errori tecnici.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *