Cómo configurar la validación para la verificación de campos de pago de WooCommerce (como el correo electrónico)

Publicado: 2018-08-30

En este artículo, le mostraré cómo configurar la verificación automática de correo electrónico de pago de WooCommerce. ¡Podrá usar la validación de pago predeterminada de WooCommerce para campos como correo electrónico, dirección, teléfono o sus campos personalizados también!

¿Alguna vez ha recibido un pedido con una dirección de correo electrónico mal escrita y preguntas de un cliente que no había recibido ningún mensaje de su tienda?

Hoy, verá el método para la verificación del campo de pago de WooCommerce . En otras palabras, mostraré el ejemplo de validación de correo electrónico, pero puede usarlo para cualquier campo.

Tabla de contenido

  1. Complemento de validación de pago de WooCommerce
  2. Verificación de campo de WooCommerce Checkout en su máxima expresión
  3. Cómo configurar la validación de correo electrónico de pago de WooCommerce
  4. Reglas de validación personalizadas para desarrolladores

Complemento de validación de pago de WooCommerce

En primer lugar, necesita un complemento para validar los campos de pago. Creamos la solución completa para la gestión del campo de pago porque WooCommerce carece de esa cosa crucial.

El nombre de nuestro complemento es Campos de pago flexibles . ¡Y a la gente le encanta!

campos de pago flexibles en el repositorio de WP
Complemento de validación de correo electrónico de pago de WooCommerce

Hemos recibido muchos comentarios positivos de los usuarios. Además, ¡más de 80,000 tiendas en todo el mundo usan este complemento!

La gente aprecia ambas características...

Primera revisión

... y nuestro apoyo:

Segunda revisión

El complemento para la gestión de campos de pago debería darle una opción para:

  • cambiar los nombres de los campos,
  • cambiar el orden de los campos,
  • crear nuevos campos personalizados,
  • agregar validación a los campos,
  • cambiar el aspecto de los campos.

Los campos de pago flexibles tienen todas estas características. Además, ¡puedes descargar este plugin gratis!

Campos de pago flexibles WooCommerce

Complemento de validación de pago de WooCommerce. Este administrador de campos de pago lo ayudará a validar los campos de correo electrónico en un abrir y cerrar de ojos.

Ir a validación de correo electrónico o Ir a WordPress.org
Más de 80 000 instalaciones activas
Última actualización: 2023-03-13
Funciona con WooCommerce 7.1 - 7.6.x

Te encantará esta sencilla interfaz.

Decidimos hacerlo lo más al estilo de WordPress que podamos. Este diseño será bien conocido para usted como usuario de WordPress/WooCommerce.

Mire este video para ver cómo se ve este complemento de validación de pago de WooCommerce:

Echa un vistazo a esta lista de reproducción de vídeos de Youtube en la que hemos incluido todos los tutoriales en vídeo sobre el uso de los campos de pago flexibles.

Además, el diseño no se interpone en tu camino, sino que te ayuda a lograr tus objetivos sin problemas.

¡Gracias a nuestros esfuerzos, configurará este complemento en un segundo!

Verificación de campo de WooCommerce Checkout en su máxima expresión

Sobre todo, debe saber que WooCommerce tiene una validación de campos incorporada que incluye correo electrónico, número de teléfono o código postal.

Los campos de pago flexibles le permiten usar estas reglas predeterminadas para la validación de su campo de pago personalizado.

¡De esta manera, puede agregar fácilmente la verificación de correo electrónico a su pago de WooCommerce!

Además, puede utilizar su validación personalizada. Por lo tanto, nuestros usuarios elogian los campos de pago flexibles como un complemento de validación de pago eficiente de WooCommerce.

Cómo configurar la validación de correo electrónico de pago de WooCommerce

En primer lugar, puede configurar la validación del correo electrónico de pago de WooCommerce de dos maneras. Todo depende de tus necesidades. Puede:

  • deshabilitar la validación en el campo de correo electrónico predeterminado
  • agregue la validación de correo electrónico a su campo personalizado

Puede encontrar una opción en la configuración del campo:

Habilite la validación de campos de pago de WooCommerce como correo electrónico, dirección o teléfono
Validación de correo electrónico predeterminada en la página de pago de WooCommerce

Hay un cuadro de selección para que simplemente seleccione la opción que desee:

  • Por defecto
  • Ninguno
  • Correo electrónico
  • Teléfono
  • Código postal

De forma predeterminada, solo unos pocos campos tienen una validación integrada. La validación de pago predeterminada de WooCommerce funciona para los campos de correo electrónico, teléfono y código postal. Estos campos tienen activada la opción "Predeterminado". Puede desactivarlo si lo necesita con la opción Ninguno . De esta manera, puede deshabilitar la validación de correo electrónico de pago predeterminada de WooCommerce.

Como resultado, puede ver los campos con validación predeterminada incorporada a continuación:

Validación de campos de pago predeterminados en WooCommerce
Validación de correo electrónico de pago de WooCommerce por defecto

Por defecto, valida el campo así:

validación de correo electrónico de woocommerce
Validación de correo electrónico de pago de WooCommerce por defecto

Verá un mensaje de error como resultado...

la dirección de correo electrónico de facturación no es una dirección de correo electrónico válida.
Mensaje de error de validación de correo electrónico

para una dirección de correo electrónico no válida.

Dirección de correo electrónico no válida

Para aclarar, puede usar esta validación de correo electrónico de pago de WooCommerce para sus campos personalizados.

Cree su campo personalizado y seleccione Correo electrónico en el cuadro Tipo de campos de texto en la configuración del campo:

campos de pago flexibles campos personalizados
Complemento de validación de pago de WooCommerce: seleccione el tipo de campo de correo electrónico
campos de pago flexibles validación de correo electrónico woocommerce checkout
Complemento de validación de pago: establezca la validación predeterminada para el correo electrónico

Entonces, intentémoslo. Introduzca direcciones de correo electrónico no válidas.

Validación de campos de WooCommerce Checkout
Correo electrónico no válido en el pago de WooCommerce

Por último, mira el resultado:

Validación de correo electrónico de WooCommerce Checkout - mensaje de error

Del mismo modo, puede utilizar la validación de teléfono y código postal en sus campos personalizados de la misma manera.

Reglas de validación personalizadas para desarrolladores

También puede agregar su validación personalizada a los campos de pago flexibles. Si es un desarrollador o está familiarizado con los ganchos y la edición de código PHP, será muy fácil. Aprenda cómo agregar una validación personalizada a WooCommerce →

¿Estás listo para usar la validación de correo electrónico de pago de WooCommerce en tu tienda?

Finalmente, ha aprendido a configurar la validación en el complemento de campos de pago flexibles. Esta es una herramienta muy poderosa.

Sin embargo, Flexible Checkout Fields no es solo el complemento de validación de pago.

Puede usarlo para administrar campos (incluidas etiquetas, marcadores de posición o clases de CSS), reorganizarlos o agregar nuevos campos personalizados.

En resumen, ¡espero que este conocimiento te ayude con tu tienda! Si tiene alguna pregunta, simplemente use la sección de comentarios a continuación.

Del mismo modo, creo que nuestra Guía paso a paso de WooCommerce Checkout te resultará interesante.