Come personalizzare i campi di pagamento di WooCommerce

introduzione

Gestisci un negozio WooCommerce e devi ancora personalizzare il tuo checkout? Probabilmente potresti perdere vendite a causa dell'abbandono del carrello. Si stima che un acquirente su cinque abbandoni il carrello a causa di una complessa procedura di pagamento.

Per questo motivo, la personalizzazione della pagina di pagamento è fondamentale per ottenere un'esperienza di elaborazione degli ordini semplificata.

Per impostazione predefinita, la pagina di pagamento di WooCommerce presenta alcune limitazioni che potrebbero dissuaderti dal fornire la perfetta esperienza di acquisto ai tuoi clienti.

Un processo di pagamento lungo e complesso può essere frustrante per i tuoi clienti. In altri casi, la pagina di pagamento potrebbe richiedere troppe informazioni rendendo i clienti riluttanti a condividere i propri dati.

Peggiora solo quando scopri quante entrate hai perso.

Questo post farà luce su come puoi migliorare il flusso di pagamento del tuo negozio personalizzando la pagina di pagamento.

Passiamo subito a questa guida.

Motivi per cui potresti voler personalizzare la tua pagina di pagamento WooCommerce

La pagina di pagamento di WooCommerce è l'ultimo passaggio che i clienti attraversano prima di acquistare il loro ordine. Questa sezione, tuttavia, può fare una differenza significativa nel processo di acquisto dell'ordine.

Ecco alcuni motivi per cui potresti considerare di personalizzare il checkout di WooCommerce.

1. Migliora l'esperienza dell'utente

Il checkout predefinito di WooCommerce comprende lunghe procedure che possono distrarre gli acquirenti. Per abbreviare questo processo, potresti considerare di personalizzare il tuo checkout. La compilazione automatica di dettagli come numero di telefono, indirizzo e dettagli della carta può aiutare a ridurre il tempo impiegato da un cliente per compilare questi dettagli. Fornire una tale funzionalità ridurrà il processo di pagamento, portando a una migliore esperienza di acquisto per i tuoi clienti.

2. Aumenta il tasso di conversione

Accelerare il processo di pagamento aiuta i clienti a prendere decisioni più rapide. Gli acquirenti si distraggono o si annoiano quando riempiono più pagine prima di effettuare gli ordini. A sua volta, questo li spinge ad abbandonare i loro carrelli. Tuttavia, quando il processo di ordinazione è breve, i clienti effettueranno rapidamente i loro ordini ed effettueranno pagamenti, aumentando le vendite.

3. Fornisci un'esperienza di pagamento sicura

Una procedura di pagamento sicura offre ai clienti un'esperienza di acquisto eccezionale. Per guadagnare la fiducia dei tuoi clienti, dovresti offrire un gateway di pagamento sicuro al momento del pagamento. Ciò garantisce ai clienti che i loro dati personali e le informazioni di fatturazione sono al sicuro. Di conseguenza, ciò faciliterà relazioni e coinvolgimento migliori.

Personalizzazione della pagina di pagamento di WooCommerce

1. Utilizzo di un plug-in per modificare i campi di pagamento di WooCommerce

I plugin forniscono un modo rapido e semplice per personalizzare il tuo campo di pagamento in base alle tue preferenze. Uno di questi plug-in è il plug-in WooCommerce di Checkout Field Editor che ti consente di aggiungere, modificare e rimuovere facilmente i campi in un processo senza codice. Esploriamo rapidamente come utilizzare questo plugin in pochi semplici passaggi.

Passaggio 1: installazione

Per cominciare, dovrai scaricare il file .zip dell'estensione dal tuo account WooCommerce. Nella dashboard di amministrazione di WordPress, vai su WooCommerce > Plugin > Aggiungi nuovo. Fai clic su "Carica plug-in" e carica il file appena scaricato. Una volta caricato il file, fai clic sul pulsante "Installa ora" e attiva l'estensione.

Passaggio 2: installazione e configurazione

A questo punto, devi configurare le impostazioni del plugin. Vai su WooCommerce > Modulo di pagamento.

Passaggio 3: personalizzazione dei campi di pagamento

Troverai due schede nelle impostazioni principali, "Campi di pagamento" e "Impostazioni avanzate". Sotto ci sono tre campi disponibili per la modifica:

• Fatturazione: comprende il campo dell'indirizzo di pagamento e di fatturazione al momento del pagamento

• Spedizione: Comprendi il campo di spedizione al momento del pagamento

• Aggiuntivo: questa è la sezione accanto alle sezioni di fatturazione e spedizione al momento del pagamento

Seleziona il campo in cui desideri apportare modifiche per personalizzare questa sezione e fai clic sul pulsante "Rimuovi", "Abilita" o "Disattiva".

Passaggio 4: aggiunta/modifica di campi personalizzati

Nell'angolo in alto a sinistra della pagina delle impostazioni, fai clic su "+Aggiungi campo" per aggiungere un nuovo campo. Apparirà una schermata pop-up con alcuni campi vuoti. Aggiungi tutti i dettagli che ritieni rilevanti per il campo personalizzato. Dopo aver apportato le modifiche, ricordati di salvare il tuo lavoro facendo clic sul pulsante 'Salva'.

Passaggio 5: configurazione delle impostazioni avanzate

Accanto a "Campi di pagamento", troverai la scheda "Impostazioni avanzate". È possibile personalizzare le impostazioni di sostituzione delle impostazioni locali abilitando/disabilitando le caselle di controllo. Al termine, fai clic su "Salva modifiche".

Passaggio 6: reimpostazione dei campi di pagamento

Per applicare le impostazioni originali ai tuoi campi, vai su WooCommerce > Stato > Strumenti. Vai a "Campi di pagamento" e seleziona il pulsante "Ripristina campi di pagamento". Tutti i tuoi campi torneranno alle loro impostazioni originali.

Prima di procedere, ecco un metodo diverso per impostare una pagina di pagamento WooCommerce con Divi.

2. Utilizzo del codice per personalizzare i campi di pagamento di WooCommerce

La codifica personalizzata è un metodo diverso che ti consente di personalizzare il tuo pagamento WooCommerce. Questo metodo è migliore rispetto all'utilizzo di un plug-in di terze parti, poiché hai un maggiore controllo sulla personalizzazione.

Puoi anche utilizzare il file functions.php e i filtri del tuo sito per modificare la pagina di pagamento. Alcuni dei filtri includono:

• woocommerce_checkout_fields

• woocommerce_billing_fields

• Woocommerce_shipping_fields

Con le azioni e i filtri di WooCommerce, puoi manipolare i campi di pagamento in qualsiasi modo desideri. Puoi aggiungere, modificare, rimuovere o persino modificare il testo visualizzato nella pagina di pagamento.

Collegamento dei prodotti direttamente alla pagina di pagamento di WooCommerce

Utilizzeremo il metodo manuale per collegare direttamente i nostri prodotti al checkout di WooCommerce. Segui i passaggi seguenti:

Passaggio 1: trova l'ID prodotto

Per trovare l'ID prodotto nella dashboard di amministrazione di WP, vai su Prodotti > Tutti i prodotti. Qui troverai vari prodotti con i loro numeri ID prodotto appena sotto di loro.

Passaggio 2: crea un collegamento

Cominciamo con una breve illustrazione. Prendi un caso in cui hai questo URL: www. tuodominio.com//checkout/?add-to-cart=ID

Dovrai sostituire "tuodominio" e "ID" rispettivamente con il tuo nome di dominio e l'ID prodotto specifico del prodotto che desideri collegare.

Passaggio 3: copia e incolla

Poiché abbiamo già trovato il nostro ID prodotto, aggiungeremo l'URL del nostro prodotto come questo www. tuodominio.com//checkout/?add-to-cart=1127

Una volta che hai finito, puoi posizionare questo link ovunque sul tuo sito WooCommerce.

Applicazione della spedizione gratuita per prodotto in WooCommerce

Offrire la spedizione gratuita è un modo perfetto per invogliare i clienti ad acquistare dal tuo negozio. Inoltre, puoi personalizzare le impostazioni di spedizione da applicare solo a ordini specifici in cui gli acquirenti raggiungono l'importo target predefinito.

Ad esempio, ecco i passaggi da seguire per attivare la spedizione gratuita per ordini superiori a $ 100.

Vai a WooCommerce > Impostazioni > Spedizione. Successivamente, vai alla zona di spedizione in cui intendi applicare le modifiche e fai clic sul link "Modifica".

Fai clic sul pulsante "Aggiungi zona di spedizione" se devi ancora aggiungere zone. In caso contrario, fai clic sul pulsante "Aggiungi metodo di spedizione". Troverai un elenco dei metodi di spedizione in questa sezione.

Fai clic sul pulsante "Modifica" in Spedizione gratuita.

Si aprirà un pannello "Impostazioni di spedizione gratuita" in cui selezionerai "Un importo minimo dell'ordine" come opzione preferita. Infine, fai clic su "Salva modifiche" per applicare le impostazioni.

Conclusione

Vuoi portare la tua attività WooCommerce al livello successivo? L'aggiunta di modifiche alla pagina di pagamento può avere un impatto significativo sul tuo sito. Dall'aumento dei tassi di conversione all'offrire ai tuoi clienti la migliore esperienza di acquisto possibile.

In questo articolo, abbiamo spiegato come personalizzare la tua pagina di pagamento utilizzando il plug-in Checkout Field Editor e codificando. Quando imposti la tua pagina di pagamento, procedure di pagamento complesse, distrazioni e campi non necessari sono solo alcune delle cose a cui prestare attenzione.

Inoltre, sarebbe meglio se pensassi di collegare i tuoi prodotti direttamente alla cassa, aggiungere campi personalizzati e attivare la spedizione gratuita per ridurre l'abbandono del carrello. Ti senti soddisfatto della tua attuale pagina di pagamento?

C'è ancora molto da esplorare in questo campo. Tuttavia, spero che tu abbia visto quanto sia facile modificare vari componenti di checkout. Questo post è stato utile? Perché non condividerlo con la tua rete?