En este artículo vamos a aprender como verificar una dirección de correo electrónico utilizando un widget de verificación de email. Veremos paso a paso como crear widget y como insertarlo en un formulario para validar de forma sencilla el campo de dirección de correo electrónico. Lo más interesante es que no necesitas tener conocimientos de programación para utilizarlo.

Puedes probar el servicio de forma gratuita registrándote en Verificar Email y creando una cuenta en nuestro servicio de verificación. Lo mejor de todo es que el widget no solo te servirá para verificar direcciones de email, sino que podrás utilizarlo para validar números de teléfono, validar direcciones postales o verificar nombre y apellidos.

Que es un widget

Un widget para verificar direcciones de correo electrónico en un campo de formulario es una herramienta diseñada para asegurar que la dirección de correo electrónico ingresada por un usuario sea válida y esté correctamente formateada. Funciona comprobando la sintaxis del correo electrónico, asegurándose de que siga la estructura estándar del correo (por ejemplo, [email protected]),   haciendo un ping al dominio para confirmar su existencia y conectándose al API para verificar emails. Esto ayuda a reducir errores, previene correos falsos o mal escritos y mejora la calidad de los datos recopilados. Al validar automáticamente las direcciones de correo electrónico en el punto de entrada, este widget mejora la experiencia del usuario y ayuda a mantener la integridad de su base de datos de contactos.

Como automatizar la validación con la API de verificación de emails

Una API (Interfaz de Programación de Aplicaciones) permite que diferentes aplicaciones se comuniquen entre sí. Proporciona un conjunto de reglas y protocolos para que los desarrolladores puedan acceder a las funcionalidades o datos de otra aplicación, servicio o plataforma, facilitando la integración y la interoperabilidad entre sistemas distintos.

La API de verificación de correos electrónicos de VerificarEmails es una herramienta esencial para empresas que desean mantener listas de correos de alta calidad, reducir tasas de rebote y mejorar la entregabilidad de emails. Permite verificar direcciones de correo en tiempo real, comprobando errores de sintaxis, validez de dominio y existencia del email. Para usar esta API en un widget de validación, primero regístrate en VerificarEmails y genera una clave API. Integra esta clave en el código del widget, permitiendo la comunicación con el servidor de VerificarEmails. Esto automatiza el proceso de validación, asegurando que solo correos válidos se añadan a las listas.

Como funciona la verificación de emails en formularios

Cada vez que un usuario introduzca un correo en el campo email, el widget de verificación realizará una llamada al API de Verificar Emails para comprobar en tiempo real es estado del correo. Si el mail es erróneo, mostrará al usuario un mensaje de error personalizado. El propietario del formulario puede decidir que hacer, si bloquear el alta del usuario o permitirle enviar los datos al cabo de “n” intentos.

Para indicar el campo que debe verificar el widget, tan solo debemos indicar el nombre del campo del DOM

El widget nos permite personalizar los mensajes y el comportamiento del formulario al verificar los datos, a través de las opciones del formulario. En este caso mostraremos una línea roja como contorno en el campo erróneo. La gestión de los envíos esta completamente delegada al formulario.

Gracias a este simple mecanismo, las empresa pueden mejoran en más de un 12% la calidad de los contactos captados a través de su Web

Como utilizar los widgets de verificación de emails

En el paso final de creación de widget, obtendremos el código que debemos pegar en la Web que contienen el formulario. A partir de aquí el servicio de Verificar Emails se encarga de todo. Lo más interesante es que dispones de una vista para ver el estado de las verificaciones del formulario. De forma que sabrás cuantos de los emails registrados han pasado el filtro de verificación.

Ejemplo de widget para verificar formularios

Para aquellos de vosotros que necesitéis un control más fino sobre el comportamiento del formulario, hemos programado el widget de forma que podéis utilizar una llamada interna JS para poder decidir como queréis gestionar la validación de los datos. Estas gestión puede ser de forma síncrona o asíncrona en función de vuestras necesidades. Os recomendamos que visitéis las sección de ejemplos de código personalizado par ala gestión de widget de validación para ver algunos ejemplos de su implementación.