Cómo añadir verificación OTP por correo electrónico en un formulario de WordPress

Los envíos de formularios falsos hacen perder tiempo. Llenan tu base de datos con correos electrónicos inválidos, contaminan tu CRM y activan notificaciones por correo electrónico que no llevan a ninguna parte.

Verificación OTP por correo electrónico agrega una verificación simple antes de que se envíe el formulario. El usuario ingresa su dirección de correo electrónico, recibe un código de un solo uso y verifica ese código dentro del formulario. Solo entonces pueden completar el envío.

Para formularios de WordPress, esto es útil para formularios de contacto, formularios de clientes potenciales, formularios de registro, formularios de inscripción, formularios de cotización y cualquier formulario donde la dirección de correo electrónico sea importante.

¿Qué es la verificación por correo electrónico OTP en un formulario de WordPress?

La verificación de correo electrónico OTP es una forma de método de seguridad en la que los usuarios deben verificar su dirección de correo electrónico con una contraseña de un solo uso antes de enviar un formulario.

El flujo es simple. Un usuario ingresa una dirección de correo electrónico. El formulario envía un código OTP a ese correo electrónico. El usuario ingresa el código en el formulario. Después de la verificación exitosa, el formulario permite el envío.

Esto confirma que el usuario tiene acceso a la dirección de correo electrónico que introdujo.

No detiene cada intento de spam. Los bots aún pueden intentar enviar formularios. Pero sí reduce las entradas de correo electrónico falsas, los envíos aleatorios y los leads de baja calidad de usuarios que ingresan direcciones de correo electrónico no válidas o inalcanzables.

Nota: Tú también puedes agregar reCAPTCHA para agregar protección contra bots antes de que los usuarios interactúen con el formulario.

¿Por qué agregar verificación de OTP por correo electrónico a los formularios de WordPress?

La verificación de OTP por correo electrónico es útil cuando necesita una dirección de correo electrónico real antes de aceptar el envío de un formulario.

Reduce las entradas falsas, mejora la calidad de los clientes potenciales y mantiene tu lista de correo electrónico o CRM más limpio. El usuario debe verificar el código enviado a su bandeja de entrada, por lo que las direcciones de correo electrónico aleatorias o inválidas no pueden pasar el formulario fácilmente.

Úselo en formularios donde la precisión del correo electrónico sea importante, como por ejemplo:

• Formularios de registro de usuario
• Formularios de generación de leads
• Formularios de solicitud de cotización
• Formularios de soporte
• Descargar formularios de acceso
• Formularios de registro de eventos
• Formularios conectados a CRM o automatización de correo electrónico

El OTP de correo electrónico no reemplaza al CAPTCHA ni a otros métodos de protección contra spam. Pero añade una fuerte capa de verificación de correo electrónico antes de enviar el formulario.

Antes de añadir la verificación OTP por correo electrónico

Antes de agregar la verificación OTP por correo electrónico a tu formulario de WordPress, revisa esto primero:

• Bit Form Pro está instalado y activado
• Tu formulario ya tiene un campo de correo electrónico
• SMTP está funcionando en tu sitio de WordPress
• Tu dominio tiene registros de autenticación de correo electrónico adecuados
• Has comprobado que los correos de WordPress llegan a la bandeja de entrada

SMTP es importante porque la verificación OTP (contraseña de un solo uso) depende de la entrega de correos electrónicos. Si tu sitio de WordPress no puede enviar correos electrónicos correctamente, los usuarios podrían no recibir nunca el código OTP.

Muchos sitios de WordPress utilizan la función de correo predeterminada de PHP, lo que puede causar problemas de entrega. Bit SMTP te permite conectar WordPress con servicios SMTP como Gmail, Outlook, SendGrid, Brevo, Mailgun, Amazon SES y otros proveedores SMTP.

Para mejorar la entrega de correos electrónicos, también configura registros de autenticación de dominio como SPF, DKIM y DMARC. Google recomienda usando SPF con DKIM y DMARC para una mejor autenticación del remitente, y DMARC indica a los servidores receptores qué hacer cuando los mensajes fallan las comprobaciones SPF o DKIM.

Cómo añadir la verificación mediante código OTP por correo electrónico en un formulario de WordPress utilizando Bit Form

Ahora vamos a configurarlo utilizando Bit Form. Este proceso utiliza el campo «Email OTP» de Bit Form Pro.

Paso 01: Instalar Bit Form Pro y crear el formulario

Primero, instala y activa Bit Form en tu sitio de WordPress. Dado que la Verificación OTP por Correo Electrónico es un Bit Form Pro característica, asegúrate Bit Form Pro también está instalado y activado.

Después de la activación, ve a Bit Form menú de tu panel de WordPress. Abre un formulario existente o crea uno nuevo. Tu formulario debe incluir un Correo electrónico campo porque el código OTP se enviará a la dirección de correo electrónico ingresada por el usuario.

En el constructor de formularios, busca OTP de correo electrónico del panel de campos. Arrastra OTP de correo electrónico campo en su formulario.

Colócalo después del campo de correo electrónico. Esto mantiene el flujo claro para los usuarios. Primero ingresan su correo electrónico y luego lo verifican con el código OTP.

Paso 02: Editar el campo de OTP por correo electrónico

Haz clic en el OTP de correo electrónico Campo. La configuración del campo se abrirá en el lado izquierdo. Desde aquí, puedes editar: Etiqueta, Subtítulo, Icono, Ajustes básicos del campo.

Puede conservar la etiqueta como OTP de correo electrónico o escribir algo más claro para los usuarios.

Ejemplo de etiqueta: Verificar tu correo electrónico

Ejemplo de subtítulo: Se enviará un código de verificación a tu dirección de correo electrónico. Mantenga el texto breve. Los usuarios deben entender qué hacer sin leer una explicación larga.

Paso 03: Seleccionar el Correo Electrónico del Receptor

Abrir Correo del receptor sección. Seleccionar Dinámico (Campo de correo electrónico). Luego elige el campo de correo electrónico de tu formulario.

Esto indica a Bit Form dónde debe enviar el código OTP. El código se enviará a la dirección de correo electrónico que el usuario haya introducido en el campo «Correo electrónico» seleccionado.

Este paso es importante. Si eliges el campo de receptor incorrecto, el correo electrónico con la OTP podría no llegar a la dirección del usuario.

Paso 04: Establecer la longitud y el retraso de reenvío del código OTP

A continuación, establezca la longitud del código OTP. Abra la Longitud del código OTP configuración e ingrese su número preferido de dígitos.

Rango permitido: 4 a 8 dígitos

Una OTP de 6 dígitos es una opción común. Es lo suficientemente corta para escribirla y lo suficientemente fuerte para la verificación normal de formularios.

Entonces abre Retraso de reenvío de OTP (Segundos).

Esto controla cuánto tiempo deben esperar los usuarios antes de solicitar una nueva OTP. Ejemplo: 60 segundos

Un retraso de reenvío protege tu formulario de solicitudes repetidas de OTP. También reduce el envío innecesario de correos electrónicos.

Paso 05: Editar la plantilla de correo electrónico OTP

Ir a la Plantilla de correo electrónico sección. Haz clic Editar icono. Se abrirá el editor de plantillas de correo electrónico OTP. Desde aquí, puedes editar el asunto y el mensaje que reciben los usuarios. Puedes usar marcadores de posición como:

• {bf_otp_code} para el código OTP
• {bf_expiry_minutes} para el tiempo de expiración del OTP

También puedes usar etiquetas inteligentes para añadir datos dinámicos del formulario dentro del correo electrónico de la OTP.

Mantén el correo electrónico de OTP simple. El usuario solo necesita el código y una instrucción corta. Copia de ejemplo de correo electrónico de OTP:

Asunto: Tu código de verificación

Mensaje:
Tu código de verificación de correo electrónico es {bf_otp_code}.
Este código expirará en {bf_expiry_minutes} minutos.

Después de editar la plantilla, haz clic Guardar.

A partir de ahora, Bit Form utilizará esta plantilla para enviar correos electrónicos con códigos OTP.

Paso 06: Prueba la verificación OTP

Previsualiza el formulario. Introduce los detalles del formulario con una dirección de correo electrónico válida. Haz clic en el botón de enviar OTP. Ahora revisa la bandeja de entrada del correo electrónico. El usuario debería recibir un correo electrónico con el código OTP.

Copia el código e ingrésalo en el campo OTP dentro del formulario. Después de una verificación exitosa, el formulario mostrará un mensaje de éxito como:

¡OTP verificado con éxito!

Una vez verificado el OTP, el usuario puede enviar el formulario. Pruebe este proceso completo antes de agregar el formulario a una página activa.

Qué revisar si el correo electrónico de OTP no llega

Si el correo electrónico OTP no llega a la bandeja de entrada, no cambie el formulario primero. Verifique la configuración de entrega de su correo electrónico.

Comenzando con estas:

• Configuración de SMTP
• Carpeta de spam o correo no deseado
• Registro SPF
• Registro DKIM
• Registro DMARC
• Plantilla de correo electrónico OTP
• Campo de correo electrónico del destinatario
• Dirección de correo electrónico del remitente
• Restricciones de alojamiento de correo electrónico

Para los sitios de WordPress, SMTP suele ser lo primero que hay que arreglar. Una configuración SMTP funcional le da a tu sitio una forma más confiable de enviar correos transaccionales, incluidos los códigos OTP.

Mejores Prácticas para la Verificación OTP por Correo Electrónico de Formularios de WordPress

Una buena configuración de OTP debe ser sencilla para el usuario. Sigue estas mejores prácticas:

• Coloca el campo OTP justo después del campo de correo electrónico
• Utilice una etiqueta de campo clara
• Mantén el correo electrónico de OTP corto
• Utilice un OTP de 4 a 8 dígitos según las necesidades de su formulario
• Añadir un retraso de reenvío
• Prueba con Gmail, Outlook y otras bandejas de entrada comunes
• Configura SMTP antes de publicar el formulario
• Añadir registros SPF, DKIM y DMARC
• Usa OTP solo en formularios donde la verificación del correo electrónico sea importante

Para formularios de alto riesgo, combine la OTP por correo electrónico con otros métodos de protección contra spam. La OTP confirma el acceso al correo electrónico, pero no debe tratarse como la única capa de seguridad.

Verificación OTP por correo electrónico vs Doble opt-in

Verificación de OTP por correo electrónico y doble opt-in ambos verifican direcciones de correo electrónico, pero funcionan de manera diferente. La verificación de OTP por correo electrónico ocurre durante el envío del formulario. El usuario ingresa un código antes de enviar el formulario.

El doble opt-in suele ocurrir después del envío. El usuario recibe un correo electrónico de confirmación y hace clic en un enlace para confirmar su dirección de correo electrónico.

Usa un OTP por correo electrónico cuando quieras bloquear el envío del formulario hasta que el correo sea verificado. Usa doble confirmación cuando quieras confirmar el correo electrónico antes de ejecutar acciones posteriores, como suscripciones a boletines o flujos de trabajo de seguimiento.

Bit Form también admite flujos de trabajo de doble confirmación, en los que se pueden ejecutar acciones como webhooks, notificaciones por correo electrónico e integraciones una vez que el destinatario haya confirmado su suscripción.

Reflexiones finales

La verificación OTP por correo electrónico es una forma práctica de prevenir envíos falsos en formularios de WordPress cuando la calidad del correo electrónico es importante.

Con Bit Form Pro, puedes añadir un campo de OTP por correo electrónico, vincularlo al campo de correo electrónico de tu formulario, controlar la longitud de la OTP, establecer un retraso para el reenvío y personalizar la plantilla del correo electrónico con la OTP.

Antes de publicar el formulario, prueba el flujo completo. Asegúrate de que el SMTP funciona, que el correo electrónico OTP llega a la bandeja de entrada y que el formulario se puede enviar solo después de una verificación exitosa.

Preguntas frecuentes