Neste artigo, você aprenderá a verificar um endereço de e-mail usando um widget de verificação de e-mail. Veremos passo a passo como criar um widget e como inseri-lo em um formulário para validar facilmente o campo de endereço de e-mail. O mais interessante é que você não precisa de nenhuma habilidade de programação para usá-lo. Você pode experimentar o serviço gratuitamente registrando-se em Verify Email e criando uma conta em nosso serviço de verificação. O melhor de tudo é que o widget não será usado apenas para verificar endereços de e-mail, mas você também pode usá-lo para validar números de telefone, validar endereços postais ou verificar nomes e sobrenomes.

O que é um widget

Um widget para verificar endereços de e-mail em um campo de formulário é uma ferramenta criada para garantir que o endereço de e-mail inserido por um usuário seja válido e esteja formatado corretamente. Ele funciona verificando a sintaxe do e-mail, certificando-se de que ele segue a estrutura de e-mail padrão (por exemplo, [email protected]), fazendo ping no domínio para confirmar sua existência e conectando-se à API para verificar os e-mails. Isso ajuda a reduzir erros, evita e-mails falsos ou com erros de digitação e melhora a qualidade dos dados coletados. Ao validar automaticamente os endereços de e-mail no ponto de entrada, esse widget melhora a experiência do usuário e ajuda a manter a integridade do seu banco de dados de contatos.

Como automatizar a validação com a API de verificação de e-mail

Uma API(Interface de Programação de Aplicativos) permite que diferentes aplicativos se comuniquem entre si. Ele fornece um conjunto de regras e protocolos para que os desenvolvedores acessem a funcionalidade ou os dados de outro aplicativo, serviço ou plataforma, facilitando a integração e a interoperabilidade entre sistemas diferentes. A API de verificação de e-mail da VerifyEmails é uma ferramenta essencial para as empresas que desejam manter listas de e-mail de alta qualidade, reduzir as taxas de rejeição e melhorar a capacidade de entrega de e-mails. Permite que você verifique endereços de e-mail em tempo real, verificando erros de sintaxe, validade de domínio e existência de e-mail. Para usar essa API em um widget de validação, primeiro registre-se no VerifyEmails e gere uma chave de API. Integre essa chave ao código do widget, permitindo a comunicação com o servidor do VerifyEmails. Isso automatiza o processo de validação, garantindo que somente e-mails válidos sejam adicionados às listas.

Como a verificação de e-mail funciona nos formulários

Sempre que um usuário inserir um e-mail no campo de e-mail, o widget de verificação fará uma chamada para a API Verify Emails para verificar em tempo real o status do e-mail. Se o e-mail estiver errado, ele mostrará ao usuário uma mensagem de erro personalizada. O proprietário do formulário pode decidir o que fazer, se bloqueia o registro do usuário ou permite que ele envie os dados após “n” tentativas.
Para indicar o campo a ser verificado pelo widget, basta indicar o nome do campo no DOM. O widget permite personalizar as mensagens e o comportamento do formulário ao verificar os dados, por meio das opções do formulário.
Nesse caso, mostraremos uma linha vermelha como um contorno no campo errado. O gerenciamento dos envios é totalmente delegado ao formulário. Graças a esse mecanismo simples, as empresas podem melhorar em mais de 12% a qualidade dos contatos capturados pelo site.

Como usar widgets de verificação de e-mail

Na etapa final da criação do widget, obteremos o código que devemos colar na Web que contém o formulário. A partir daí, o serviço Verify Emails assume o controle. O mais interessante é que você tem uma visualização para ver o status das verificações do formulário. Assim, você saberá quantos dos e-mails registrados passaram pelo filtro de verificação.

Exemplo de um widget para verificar formulários

Para aqueles que precisam de um controle mais refinado sobre o comportamento do formulário, programamos o widget de modo que você possa usar uma chamada JS interna para decidir como deseja lidar com a validação de dados. Esse gerenciamento pode ser síncrono ou assíncrono, dependendo de suas necessidades. Recomendamos que você visite a seção sobre exemplos de código personalizado para gerenciamento de widgets de validação para ver alguns exemplos de sua implementação.