Come aggiungere il campo di conferma dell'indirizzo e-mail nella pagina di pagamento di WooCommerce e verificarlo?

In alcune situazioni la convalida e-mail predefinita di WooCommerce non è abbastanza buona. I tuoi clienti inseriscono spesso un indirizzo email errato nella pagina di pagamento? Quindi aggiungi il campo di checkout di conferma per la verifica dell'indirizzo email dell'utente per la pagina di checkout di WooCommerce. In questo articolo, ti mostrerò come farlo con il plug-in gratuito in modo che i clienti possano confermare l'indirizzo e-mail e la tua e-mail di conferma WooCommerce li raggiunga in modo sicuro!

Hai mai ricevuto ordini WooCommerce con errori di battitura nell'indirizzo e-mail del cliente? Può causare lavoro aggiuntivo e frustrare i tuoi acquirenti e tu non lo vuoi, vero?

Leggi come consentire ai tuoi clienti di confermare l'indirizzo e-mail con un campo di pagamento personalizzato WooCommerce aggiuntivo e la verifica diretta dell'indirizzo. Ridurrà gli errori e ti impedirà di inviare l'e-mail di conferma dell'ordine WooCommerce al vuoto!

Sommario

1. Usiamo il personalizzatore di checkout gratuito per WooCommerce
2. Consenti agli utenti di confermare l'indirizzo e-mail nel checkout di WooCommerce
3. Verifica dell'indirizzo e-mail dell'utente per WooCommerce

Il processo di acquisto è un elemento molto complesso e fragile per ogni eCommerce. Immagina che tutto il tuo duro lavoro venga distrutto da un errore banale come l'indirizzo e-mail scritto in modo errato nella pagina di pagamento.

Nella migliore delle ipotesi , dovrai dedicare del tempo a rispondere al tuo cliente.

Nel peggiore , il tuo cliente sarà infastidito. Anche se non è colpa tua, perderai tempo o denaro.

Usiamo il personalizzatore di checkout gratuito per WooCommerce

C'è una soluzione semplice per questo, ed è possibile ottenere questo risultato con il nostro plugin gratuito ! Sono i campi di pagamento flessibili e le persone lo adorano. Abbiamo ricevuto molti feedback positivi dagli utenti e oltre 80.000 negozi in tutto il mondo utilizzano questo plugin!

Il plugin Flexible Checkout Fields ti consente di:

• cambiare i nomi dei campi,
• modificare l'ordine dei campi,
• creare nuovi campi personalizzati,
• aggiungere la convalida ai campi,
• cambiare l'aspetto dei campi.

Guarda questo video per vedere come appare il pannello delle impostazioni di questo plugin in:

Consenti all'utente di confermare il campo dell'indirizzo e-mail nel checkout di WooCommerce

Segui i passaggi seguenti per aggiungere un nuovo campo per la conferma dell'indirizzo e-mail dell'utente e un'ulteriore verifica per il modulo di pagamento di WooCommerce!

1. Ottieni il plug-in

   Campi di pagamento flessibili WooCommerce

   WooCommerce verifica il plug-in dell'indirizzo e-mail. Aggiungi, modifica e riorganizza i campi di pagamento personalizzati con convalida.

   Scarica gratis oppure Vai su WordPress.org

   Scrivania W.P

   Oltre 80.000 installazioni attive

   Ultimo aggiornamento: 2023-03-13

   Funziona con WooCommerce 7.1 - 7.6.x

2. Aggiungi un nuovo campo di pagamento

   Se hai installato e attivato il plug-in, puoi andare su WooCommerce > Checkout Fields .

   

   Nella sezione fatturazione, aggiungi un nuovo campo di testo . Aggiungi un'etichetta e fai clic sul pulsante Aggiungi campo .

   

3. Sposta il campo dell'e-mail di conferma vicino all'indirizzo e-mail

   Quindi, inserisci il nuovo campo sotto il campo dell'indirizzo email. Puoi farlo con un semplice trascinamento della selezione.

   

4. Rendi il campo obbligatorio

   Imposta questo campo come Obbligatorio .

   

5. Indirizzo email dell'utente e indirizzo email di conferma - Esempio

   Con questa configurazione, verranno visualizzati due campi dell'indirizzo e-mail uno sotto l'altro.

   

   

6. Più opzioni di personalizzazione

   Se vuoi visualizzarli fianco a fianco, puoi farlo con le classi CSS. Basta aggiungere una classe speciale nella sezione Aspetto .

   Nel primo campo, impostalo prima come riga del modulo .

   

   Nella seconda, forma l'ultima riga .

   

   Con queste classi CSS, entrambi i campi verranno visualizzati fianco a fianco.

   

Verifica dell'indirizzo e-mail dell'utente per il campo di pagamento di WooCommerce

Se hai i tuoi campi, ora è il momento di aggiungere la convalida personalizzata.

1. Utilizza un codice personalizzato per la verifica dell'indirizzo e-mail

   Per confermare il campo dell'indirizzo e-mail dell'utente per WooCommerce e quindi verificare l'input del cliente, utilizzeremo questo codice.

2. Aggiungi il codice al tuo file functions.php

   Ricordati di aggiungere nuovamente il codice se aggiorni o cambi tema!

3. Il campo dell'indirizzo email di conferma

   Quindi, torna alla pagina dei campi di pagamento e aggiornala.

   Ora dovresti essere in grado di scegliere l'opzione Compare with billing_email nel campo di convalida. Quando lo fai, salva le modifiche.

   

4. Conferma il campo dell'indirizzo e-mail nel checkout di WooCommerce

   Scopriamo come funzionerà nella pagina di checkout. Due campi dell'indirizzo email non sono uguali.

   

   Quindi, quando provo a effettuare un ordine, ricevo un messaggio di errore.

   

5. Messaggio di errore di verifica

   È inoltre possibile modificare il messaggio di errore predefinito, modificando questo codice.

   wc_add_notice( sprintf( __( 'Invalid %1$s value.', 'wpdesk' )

   Per farlo, basta cambiare 'Invalid %1$s value.' .

6. Conferma gli altri campi di pagamento

   Allo stesso modo puoi controllare altri campi. Basta modificare il seguente codice:
   $fcf_validation_confirm_field = new WPDesk_FCF_Validation_Confirm_Field( 'billing_email' );

   Cambia billing_email per altri campi, come billing_my_custom_field .

   Ulteriori informazioni sulla convalida dell'e-mail di checkout con il plug-in WooCommerce.

Riepilogo

In questo articolo, ti ho mostrato come aggiungere il campo dell'indirizzo email di conferma dell'utente per la pagina di pagamento di WooCommerce.

Questa funzione ti aiuterà a ridurre gli errori dei tuoi clienti e a proteggere il tuo processo di acquisto.

Spero che l'articolo sia stato utile. Buona fortuna!