Cómo mostrar un campo de dirección de correo electrónico de confirmación en los formularios de WordPress

Un solo error al escribir en el campo de correo electrónico significa que nunca podrás ponerte en contacto con ese cliente potencial. Un error tipográfico aquí, una letra que falta allá… Es una de las razones más comunes por las que los envíos legítimos de formularios no llegan a ninguna parte.

Añadir un campo para «confirmar la dirección de correo electrónico» es la solución más rápida. Obliga a los usuarios a escribir su dirección dos veces, detecta los errores tipográficos antes de que se envíe el formulario y se configura en unos 15 segundos en WPForms.

En este artículo, te mostraré cómo habilitar la confirmación de la dirección de correo electrónico del usuario en tu formulario en solo unos sencillos pasos.

En resumen: la respuesta rápida

Para añadir un campo de confirmación de la dirección de correo electrónico en WPForms, abre el formulario en el generador, haz clic en el campo «Correo electrónico» existente para abrir las opciones del campo y, a continuación, activa la opción «Habilitar confirmación de correo electrónico». Guarda el formulario. Y ya está: los usuarios verán ahora dos campos de correo electrónico uno al lado del otro y no podrán enviar el formulario hasta que ambos coincidan.

Cree su formulario WordPress ahora

¿Para qué sirve el campo Confirmar dirección?

En el campo de confirmación del correo electrónico se pide a los usuarios que introduzcan su dirección de correo electrónico dos veces. Si las dos entradas no coinciden, el formulario no se envía, y el usuario recibe un aviso amable para que corrija el error tipográfico.

Es un pequeño ajuste en la experiencia de usuario que tiene grandes ventajas:

• Menos pistas erróneas debidas a direcciones con errores ortográficos, como @gmial.com o @yaho.com
• Mejora la capacidad de entrega de tus correos electrónicos de seguimiento (los rebotes perjudican tu reputación como remitente)
• Mantén tus datos limpios en tu CRM, lista de correo electrónico o sistema de atención al cliente desde el primer día
• Mayores tasas de conversión de registros a miembros en los formularios de registro y de afiliación

Merece especialmente la pena añadirlo a los formularios de contacto, los formularios de registro, los formularios para captar clientes potenciales y cualquier elemento relacionado con una transacción de pago.

Cómo mostrar un campo de dirección de correo electrónico de confirmación en los formularios de WordPress

Añadir un campo de dirección de correo electrónico de confirmación a tus formularios de WordPress es realmente fácil. De hecho, todo lo que se necesita son 4 sencillos pasos, como mostraremos a continuación:

Paso 1: Instalar WPForms

La función de confirmación por correo electrónico está integrada en el campo de correo electrónico estándar de WPForms, por lo que no necesitas ningún complemento adicional. Está disponible en todos los planes de WPForms, incluido WPForms Lite.

Te recomendamos que empieces conWPForms Pro, que incluye algunas de nuestras funciones más populares.

Si necesitas un poco de ayuda para empezar, aquí tienes una guía práctica parainstalar plugins de WordPress.

Paso 2: Crear un formulario

Una vez que haya instalado y activado WPForms, puede seguir adelante para crear un formulario y añadirlo a una página en su sitio web.

Con WPForms, esto es muy fácil de hacer, ya que puedes utilizar el generador de formularios de arrastrar y soltar, o simplemente elegir entre más de 2100 plantillas de formularios.

Para ello, haga clic en la pestaña WPForms en la barra lateral izquierda en el área de administración de WordPress. A continuación, haga clic en Añadir nuevo.

Esto le llevará a la interfaz de WPForms donde puede nombrar su formulario y elegir una plantilla. Comience por introducir un título para su formulario, que puede ser cualquier cosa que desee.

A continuación, elija una plantilla que funcione para usted. Para esta guía, elegiremos la plantilla Formulario de contacto simple. Coloca el cursor sobre la plantilla que desees y haz clic en Usar plantilla.

El formulario se abrirá ahora en el constructor de formularios, donde verás la plantilla del formulario a la derecha y un panel con los campos del formulario a la izquierda.

No necesitaremos añadir ningún campo de formulario ya que el que queremos - el campo de correo electrónico - ya está añadido a la plantilla de Formulario Simple. Sin embargo, puedes seguir adelante y añadir cualquier otro campo que necesites para tu formulario.

Para obtener instrucciones paso a paso sobre cómo trabajar con formularios de WordPress, aquí tienes nuestra guía para crear un sencillo formulario de contacto.

Paso 3. Editar el campo Email

Para añadir un campo de confirmación por correo electrónico, tendremos que editar el campo de correo electrónico. Basta con hacer clic en él para abrir las Opciones de campo en el panel de la izquierda.

Haga clic en el botón Activar confirmación por correo electrónico para activar esta opción.

Y eso es todo lo que tendrás que hacer aquí. Tu formulario ahora requerirá que los usuarios confirmen sus direcciones de correo electrónico antes de enviarlo.

Paso 4. Publicar el formulario Publicar el formulario

El último paso sería publicar tu formulario en tu sitio WordPress. En primer lugar, haga clic en el botón Guardar en la esquina superior derecha de la página.

A continuación, haga clic en Incrustar para publicar el formulario en una página de su sitio web.

Verás un modal que te ofrece las opciones de incrustar el formulario en una página nueva o en una ya existente.

Incrustaremos el formulario en una nueva página para este tutorial haciendo clic en Crear nueva página.

Introduzca un nombre para su nueva página y haga clic en Vamos.

Ahora debería ver su editor de páginas de WordPress abierto con su formulario colocado dentro de él. Pulsa el botón Publicar en la parte superior derecha para publicar tu formulario.

Ahora, cuando vea su formulario en el frontend, verá el campo de confirmación de dirección y se pedirá a los usuarios que introduzcan su correo electrónico dos veces para confirmarlo.

Si introducen dos direcciones de correo electrónico que no coinciden, el formulario mostrará un mensaje de validación en el que se pedirá al usuario que vuelva a introducir su dirección de correo electrónico.

Tendrán que corregir su error antes de enviar el formulario.

Y ya está. Ahora ya sabes cómo añadir un campo de dirección de correo electrónico de confirmación a tus formularios de WordPress en sólo 4 pasos.

Mejores prácticas de UX para la verificación de correo electrónico: 2 consejos adicionales

Aunque el campo de confirmación de la dirección de correo electrónico es muy eficaz para reducir el número de entradas con direcciones de correo electrónico incorrectas, a veces puede resultar un poco frustrante para los usuarios introducir sus direcciones de correo electrónico dos veces en el mismo formulario.

Si cree que añadir un campo de correo electrónico de confirmación adicional arruinará la experiencia de usuario de sus visitantes, aquí tiene dos consejos que puede probar:

Haga que el campo de correo electrónico sea más prominente

La práctica habitual sería empezar los formularios con un campo de nombre. Pero poner el campo de la dirección de correo electrónico en primer lugar es una forma de destacarlo para que los usuarios le presten más atención y rellenen el campo con más cuidado.

Añadir un recordatorio en la etiqueta del campo de correo electrónico

Otra cosa que se puede probar es añadir un recordatorio en el campo de correo electrónico, pidiendo a los usuarios que comprueben que su dirección de correo electrónico se ha introducido correctamente.

Esto se puede hacer desde el panel de opciones del campo de correo electrónico. Simplemente busque el campo Etiqueta y añada algún texto donde pone Email.

Y si quieres, puedes utilizar una combinación de estos consejos para obtener los mejores resultados.

Extra: Bloquear correos electrónicos falsos o de un solo uso

La opción «Habilitar confirmación por correo electrónico» detecta los errores tipográficos, pero no impedirá que alguien introduzca una dirección falsa a propósito (piensa en algo como [email protected] o en un buzón desechable de 10 minutos como Mailinator). Si eso supone un problema para tus formularios, WPForms cuenta con dos herramientas más integradas en el mismo campo de correo electrónico:

• Lista de permitidos: solo acepta envíos procedentes de dominios específicos. Resulta útil para formularios internos de la empresa en los que solo se desea recibir correos electrónicos con el dominio @tuempresa.com.
• Lista de exclusión: rechaza los envíos procedentes de dominios específicos o direcciones concretas. Ideal para bloquear proveedores de correo electrónico desechables conocidos.

Ambas opciones se encuentran en «Opciones de campo» » «Avanzadas» en el campo de correo electrónico. Combínalas con la opción «Habilitar confirmación por correo electrónico» para obtener los datos de correo electrónico más fiables que puedas recopilar sin necesidad de código personalizado.

Y eso es todo.

Le hemos mostrado cómo confirmar una dirección de correo electrónico en sus formularios, y hemos compartido 2 consejos UX adicionales.

Pruébelas. También puedes consultar nuestra guía de las mejores prácticas de diseño de formularios para obtener más consejos sobre diseño y maquetación de formularios.

Preguntas frecuentes sobre la confirmación de direcciones de correo electrónico

¿Necesito WPForms Pro para añadir un campo de confirmación por correo electrónico?

No. El botón de activación de la confirmación por correo electrónico está integrado en el campo de correo electrónico estándar y funciona en todos los planes de WPForms, incluida la versión gratuita, WPForms Lite.

¿El campo de confirmación del correo electrónico comprueba que la dirección de correo electrónico existe realmente?

No, solo comprueba que el usuario haya escrito la misma dirección dos veces. No garantiza que la bandeja de entrada sea real ni que alguien vaya a ver los mensajes enviados a ella. Para ese tipo de validación, combínalo con reglas de listas de permitidos/prohibidos o con un servicio externo de verificación de correo electrónico.

¿Por qué mi formulario sigue recibiendo direcciones de correo electrónico incorrectas aunque la opción de confirmación esté activada?

Normalmente, esto se debe a una de estas tres razones: los usuarios introducen direcciones falsas a propósito, la función de autocompletar del navegador introduce la misma dirección errónea en ambos campos, o los bots ignoran la validación de JavaScript. Para solucionar el problema, añadeun CAPTCHA, activa las reglas de la lista de rechazo y desactiva el autocompletado en el campo de confirmación.

¿Puedo personalizar el mensaje de error que aparece cuando los dos correos electrónicos no coinciden?

Sí. Haz clic en el campo de correo electrónico del generador, ve a la pestaña «Avanzado» y edita el campo «Mensaje de error de confirmación». Puedes utilizar cualquier texto que se ajuste al estilo de tu marca.

¿Funcionará el campo del correo electrónico de confirmación en el móvil?

Sí. WPForms muestra el campo de correo electrónico de confirmación como dos campos de entrada apilados en dispositivos móviles, para facilitar su selección. No requiere ninguna configuración adicional.

¿Cuál es la diferencia entre la confirmación por correo electrónico y la verificación por correo electrónico?

Confirmación de correo electrónico = el usuario introduce su dirección dos veces y ambas deben coincidir (detecta errores tipográficos). Verificación de correo electrónico = comprobación real de que la bandeja de entrada existe y puede recibir correo, normalmente mediante un correo electrónico de confirmación o una API de verificación. La función integrada de WPForms es la confirmación; para una verificación real, necesitarías un servicio como ZeroBounce o un flujo de correo electrónico de doble confirmación.

¿Puedo hacer que el campo del correo electrónico de confirmación sea opcional?

En realidad no: si el campo «Correo electrónico» original es obligatorio, el campo de confirmación hereda esa configuración. Si tu campo «Correo electrónico» es opcional, el campo de confirmación simplemente no aparecerá a menos que el usuario empiece a escribir.

A continuación, añada confirmaciones y notificaciones personalizadas a sus formularios de WordPress

WPForms incluye muchas características de creación de formularios, incluyendo mensajes de confirmación y notificaciones por correo electrónico con un nombre de remitente, asunto y mensaje de correo electrónico personalizados. Puedes configurarlos fácilmente en el propio constructor de formularios para que tus usuarios sepan que sus formularios se han enviado correctamente.

También puede recibir notificaciones de envío en su correo electrónico de administrador y ver todas las entradas de formulario de los campos de repetición en el panel de control de WordPress.

¿Listo para crear formularios WordPress potentes y flexibles? Empieza hoy mismo con el plugin de creación de formularios de WordPress más sencillo. WPForms Pro incluye un montón de plantillas gratuitas e integraciones con populares servicios de marketing por correo electrónico y CRM. También ofrece una garantía de devolución del dinero de 14 días.

Cree su formulario WordPress ahora

Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más tutoriales y guías gratuitas sobre WordPress.