Come configurare la convalida per la verifica dei campi di WooCommerce Checkout (come l'e-mail)

Pubblicato: 2018-08-30

In questo articolo, ti mostrerò come configurare la verifica automatica dell'email di pagamento di WooCommerce. Sarai in grado di utilizzare la convalida di pagamento WooCommerce predefinita per campi come e-mail, indirizzo, telefono o anche per i tuoi campi personalizzati!

Hai mai ricevuto un ordine con un indirizzo e-mail errato e domande da un cliente che non aveva ricevuto alcun messaggio dal tuo negozio?

Oggi vedrai il metodo per la verifica del campo di pagamento di WooCommerce . In altre parole, mostrerò l'esempio di convalida dell'email, ma puoi usarlo per qualsiasi campo.

Sommario

  1. Plugin di convalida del checkout di WooCommerce
  2. Verifica sul campo di WooCommerce Checkout al suo meglio
  3. Come configurare la convalida dell'e-mail di pagamento di WooCommerce
  4. Regole di convalida personalizzate per gli sviluppatori

Plugin di convalida del checkout di WooCommerce

Prima di tutto, hai bisogno di un plugin per convalidare i campi di checkout. Abbiamo creato la soluzione completa per la gestione del campo di pagamento perché a WooCommerce manca quella cosa cruciale.

Il nome del nostro plugin è Flexible Checkout Fields . E la gente lo adora!

campi di pagamento flessibili nel repository WP
Plug-in per la convalida dell'e-mail di pagamento di WooCommerce

Abbiamo ricevuto molti feedback positivi dagli utenti. Inoltre, oltre 80.000 negozi in tutto il mondo utilizzano questo plugin!

Le persone apprezzano entrambe le caratteristiche...

Prima recensione

... e il nostro supporto:

Seconda revisione

Il plug-in per la gestione dei campi di checkout dovrebbe darti un'opzione per:

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

Flexible Checkout Fields ha tutte queste caratteristiche. Inoltre, puoi scaricare questo plugin gratuitamente!

Campi di pagamento flessibili WooCommerce

Plugin di convalida del checkout di WooCommerce. Questo gestore di campi di pagamento ti aiuterà a convalidare i campi e-mail in un batter d'occhio.

Vai alla convalida e-mail o Vai a WordPress.org
Oltre 80.000 installazioni attive
Ultimo aggiornamento: 2023-03-13
Funziona con WooCommerce 7.1 - 7.6.x

Amerai questa semplice interfaccia

Abbiamo deciso di renderlo il più possibile in stile WordPress . Questo design sarà ben noto per te come utente WordPress/WooCommerce.

Guarda questo video per vedere come appare questo plug-in di convalida del checkout di WooCommerce:

Dai un'occhiata a questa playlist video di Youtube dove abbiamo incluso tutti i video tutorial riguardanti l'uso dei campi di pagamento flessibili.

Inoltre, il design non ti intralcia ma ti aiuta a raggiungere i tuoi obiettivi senza problemi.

Grazie ai nostri sforzi, configurerai questo plugin in un secondo!

Verifica sul campo di WooCommerce Checkout al suo meglio

Soprattutto, devi sapere che WooCommerce ha la convalida dei campi incorporata tra cui e-mail, numero di telefono o codice postale.

I campi di pagamento flessibili ti consentono di utilizzare sicuramente queste regole predefinite per la convalida del campo di pagamento personalizzato.

In questo modo puoi facilmente aggiungere la verifica e-mail al tuo checkout WooCommerce!

Inoltre, puoi utilizzare la tua convalida personalizzata. Pertanto, i nostri utenti elogiano Flexible Checkout Fields come un efficiente plug-in di convalida del checkout di WooCommerce!

Come configurare la convalida dell'e-mail di pagamento di WooCommerce

Innanzitutto, puoi configurare la convalida dell'e-mail di pagamento di WooCommerce in due modi. Dipende dai tuoi bisogni. Puoi:

  • disabilitare la convalida sul campo Email predefinito
  • aggiungi la convalida dell'e-mail al tuo campo personalizzato

Puoi trovare un'opzione nella configurazione del campo:

Abilita la convalida dei campi di pagamento di WooCommerce come e-mail, indirizzo o telefono
Convalida e-mail predefinita nella pagina di pagamento di WooCommerce

C'è una casella di selezione in modo da poter semplicemente selezionare un'opzione che desideri:

  • Predefinito
  • Nessuno
  • E-mail
  • Telefono
  • Codice postale

Per impostazione predefinita, solo pochi campi hanno la convalida incorporata. La convalida predefinita del checkout di WooCommerce funziona per i campi Email, Telefono e Codice postale. Questi campi hanno l'opzione "Predefinito" attivata. Puoi disattivarlo se necessario con l'opzione Nessuno . In questo modo puoi disabilitare la convalida e-mail di pagamento predefinita di WooCommerce.

Di conseguenza, puoi vedere i campi con la convalida predefinita incorporata di seguito:

Convalida dei campi di pagamento predefiniti in WooCommerce
Convalida dell'e-mail di pagamento di WooCommerce per impostazione predefinita

Per impostazione predefinita, convalida il campo in questo modo:

convalida e-mail di woocommerce
Convalida dell'e-mail di pagamento di WooCommerce per impostazione predefinita

Vedrai un messaggio di errore come risultato...

l'indirizzo e-mail di fatturazione non è un indirizzo e-mail valido.
Messaggio di errore di convalida e-mail

per un indirizzo email non valido.

indirizzo email non valido

Per chiarire, puoi utilizzare questa convalida e-mail di pagamento di WooCommerce per i tuoi campi personalizzati.

Crea il tuo campo personalizzato e seleziona Email dalla casella Tipo di campi di testo nella configurazione del campo:

campi di pagamento flessibili campi personalizzati
Plugin di convalida del checkout di WooCommerce: seleziona il tipo di campo E-mail
campi di pagamento flessibili convalida e-mail pagamento woocommerce
Plugin di convalida checkout: imposta la convalida predefinita per l'e-mail

Allora, proviamo. Inserisci indirizzi email non validi.

Convalida dei campi di WooCommerce Checkout
Email non valida nel checkout di WooCommerce

Infine, controlla il risultato:

Convalida e-mail di WooCommerce Checkout - messaggio di errore

Allo stesso modo, puoi utilizzare la convalida del numero di telefono e del codice postale nei tuoi campi personalizzati allo stesso modo.

Regole di convalida personalizzate per gli sviluppatori

Puoi anche aggiungere la tua convalida personalizzata ai campi di pagamento flessibili. Se sei uno sviluppatore o hai familiarità con gli hook e la modifica del codice PHP, sarà molto semplice. Scopri come aggiungere la convalida personalizzata a WooCommerce →

Sei pronto per utilizzare la convalida dell'e-mail di pagamento di WooCommerce nel tuo negozio?

Infine, hai imparato a configurare la convalida nel plugin Flexible Checkout Fields. Questo è uno strumento molto potente.

Tuttavia, Flexible Checkout Fields non è solo il plug-in di convalida del pagamento.

Puoi usarlo per gestire i campi (incluse etichette, segnaposto o classi CSS), riorganizzarli o aggiungere nuovi campi personalizzati.

Per riassumere, spero che questa conoscenza ti aiuti con il tuo negozio! Se hai domande, usa la sezione commenti qui sotto.

Allo stesso modo, penso che la nostra guida passo-passo al checkout di WooCommerce sarà interessante per te.