Como mostrar um campo de endereço de e-mail de confirmação em formulários do WordPress

Um único erro ao digitar em um campo de e-mail significa perder um cliente em potencial para sempre. Um erro de digitação aqui, uma letra faltando ali… Esse é um dos motivos mais comuns pelos quais formulários preenchidos corretamente acabam não dando em nada.

Adicionar um campo para “confirmar o endereço de e-mail” é a solução mais rápida. Isso obriga os usuários a digitarem o endereço duas vezes, detecta erros de digitação antes do envio do formulário e leva cerca de 15 segundos para ser configurado no WPForms.

Neste artigo, vou mostrar como ativar a confirmação do endereço de e-mail do usuário no seu formulário em apenas alguns passos simples.

Resumo: A resposta rápida

Para adicionar um campo de confirmação de endereço de e-mail no WPForms, abra seu formulário no construtor, clique no campo “E-mail” existente para abrir as “Opções do campo” e, em seguida, ative a opção “Ativar confirmação de e-mail”. Salve o formulário. Pronto — agora os usuários verão dois campos de e-mail lado a lado e não poderão enviar o formulário até que ambos estejam iguais.

Crie seu formulário WordPress agora

Qual é o objetivo do campo Confirmar endereço?

Um campo de confirmação de e-mail solicita que os usuários digitem seu endereço de e-mail duas vezes. Se os dois não corresponderem, o formulário não será enviado — e o usuário receberá uma mensagem amigável para corrigir o erro de digitação.

É um pequeno ajuste na experiência do usuário que traz grandes benefícios:

• Menos pistas falsas causadas por erros ortográficos em endereços como @gmial.com ou @yaho.com
• Melhor capacidade de entrega dos seus e-mails de acompanhamento (os e-mails devolvidos prejudicam a sua reputação de remetente)
• Mantenha os dados limpos no seu CRM, na sua lista de e-mails ou no seu sistema de suporte desde o primeiro dia
• Taxas mais altas de conversão de inscrições para formulários de cadastro e adesão

Vale especialmente a pena incluí-lo em formulários de contato, formulários de inscrição, formulários de iscas digitais e em qualquer coisa relacionada a uma transação paga.

Como mostrar um campo de endereço de e-mail de confirmação em formulários do WordPress

Adicionar um campo de endereço de e-mail de confirmação aos seus formulários do WordPress é muito fácil. De fato, bastam 4 etapas simples, como mostraremos a seguir:

Etapa 1: Instalar o WPForms

O recurso de confirmação por e-mail está integrado ao campo padrão de e-mail do WPForms, portanto, você não precisa de nenhum complemento adicional. Ele está disponível em todos os planos do WPForms, incluindo o WPForms Lite.

Recomendamos que você comece como WPForms Pro, que inclui alguns dos nossos recursos mais populares.

Se você precisar de uma ajudinha para começar, aqui está um guia prático parainstalar plugins do WordPress.

Etapa 2: Criar um formulário

Depois de instalar e ativar o WPForms, você pode criar um formulário e adicioná-lo a uma página do seu site.

Com o WPForms, isso é muito fácil de fazer, pois você pode usar o criador de formulários do tipo arrastar e soltar ou simplesmente escolher entre mais de 2.100 modelos de formulários.

Para fazer isso, clique na guia WPForms na barra lateral esquerda da área de administração do WordPress. Em seguida, clique em Add New (Adicionar novo).

Isso o levará à interface do WPForms, onde você poderá nomear seu formulário e escolher um modelo. Comece inserindo um título para o formulário, que pode ser o que você quiser.

Em seguida, escolha um modelo que funcione para você. Para este guia, escolheremos o modelo de formulário de contato simples. Passe o cursor sobre o modelo desejado e clique em Use Template (Usar modelo).

O formulário será aberto no construtor de formulários, onde você verá o modelo de formulário à direita e um painel com campos de formulário à esquerda.

Não precisaremos adicionar nenhum campo de formulário, pois o que queremos, o campo de e-mail, já foi adicionado ao modelo de formulário simples. No entanto, você pode ir em frente e adicionar quaisquer outros campos necessários ao seu formulário.

Para obter instruções passo a passo sobre como trabalhar com formulários do WordPress, veja nosso guia para criar um formulário de contato simples.

Etapa 3. Editar o campo de e-mail

Para adicionar um campo de confirmação de e-mail, precisaremos editar o campo de e-mail. Basta clicar nele para abrir as Opções de campo no painel esquerdo.

Clique no botão de alternância Enable Email Confirmation (Ativar confirmação por e-mail ) para ativar essa opção.

E isso é tudo o que você precisa fazer aqui. Seu formulário agora exigirá que os usuários confirmem seus endereços de e-mail antes de enviá-lo.

Etapa 4. Publicar o formulário

A etapa final seria publicar o formulário em seu site do WordPress. Primeiro, clique no botão Save (Salvar) no canto superior direito da página.

Em seguida, clique em Embed para publicar o formulário em uma página do seu site.

Você verá um modal que oferece as opções de incorporar o formulário em uma nova página ou em uma página existente.

Vamos incorporar o formulário em uma nova página para este tutorial clicando em Create New Page (Criar nova página).

Digite um nome para sua nova página e clique em Let's Go (Vamos lá).

Agora você deve ver o editor de páginas do WordPress aberto com o formulário colocado dentro dele. Pressione o botão Publish (Publicar ) no canto superior direito para colocar seu formulário em funcionamento.

Ao visualizar o formulário no frontend, você verá o campo de confirmação de endereço e os usuários precisarão digitar o e-mail duas vezes para confirmá-lo.

Se eles inserirem dois endereços de e-mail que não coincidam, o formulário exibirá uma mensagem de validação instruindo o usuário a inserir novamente o endereço de e-mail.

Eles terão que corrigir o erro antes de enviar o formulário.

E é isso! Agora você sabe como adicionar um campo de endereço de e-mail de confirmação aos seus formulários do WordPress em apenas 4 etapas.

Práticas recomendadas de UX de verificação de e-mail: 2 dicas extras

Embora o campo de confirmação de endereço de e-mail seja muito eficaz para reduzir o número de entradas com endereços de e-mail incorretos, às vezes pode ser um pouco frustrante para os usuários digitarem seus endereços de e-mail duas vezes no mesmo formulário.

Se você acha que adicionar um campo extra de e-mail de confirmação estragará a experiência do usuário para seus visitantes, aqui estão duas dicas para tentar:

Torne o campo de e-mail mais proeminente

A prática comum seria iniciar seus formulários com um campo de nome. Mas colocar o campo de endereço de e-mail em primeiro lugar é uma forma de destacá-lo para que os usuários prestem mais atenção a ele e preencham o campo com mais cuidado.

Adicionar um lembrete no rótulo do campo de e-mail

Outra coisa que pode ser tentada é adicionar um lembrete ao campo de e-mail, pedindo aos usuários que verifiquem se o endereço de e-mail foi inserido corretamente.

Isso pode ser feito no painel de opções de campo do campo de e-mail. Basta procurar o campo Label (Rótulo ) e adicionar algum texto onde está escrito Email.

E, se preferir, você pode usar uma combinação dessas dicas para obter os melhores resultados.

Bônus: Bloquear e-mails falsos ou descartáveis

A opção “Ativar confirmação por e-mail” detecta erros de digitação, mas não impede que alguém insira um endereço falso propositalmente (pense em [email protected] ou em uma caixa de entrada descartável de 10 minutos, como o Mailinator). Se isso for um problema para seus formulários, o WPForms possui mais duas ferramentas integradas ao mesmo campo de e-mail:

• Lista de permissões — Aceita apenas envios provenientes de domínios específicos. Útil para formulários internos da empresa, nos quais você deseja que apenas e-mails com o domínio @suaempresa.com sejam aceitos.
• Lista de bloqueio — Rejeite envios provenientes de domínios específicos ou endereços exatos. Ótimo para bloquear provedores de e-mail descartáveis conhecidos.

Ambas as opções estão disponíveis em Opções do campo » Avançado, no campo de e-mail. Combine-as com a opção “Ativar confirmação de e-mail” para obter os dados de e-mail mais precisos que você pode coletar sem precisar de código personalizado.

E isso é tudo o que há para fazer!

Mostramos como confirmar um endereço de e-mail em seus formulários e compartilhamos duas dicas adicionais de UX.

Vá em frente e experimente-os! E você pode dar uma olhada em nosso guia com as melhores práticas de design de formulários para obter mais dicas de design e layout de formulários!

Perguntas frequentes sobre a confirmação de endereços de e-mail

Preciso do WPForms Pro para adicionar um campo de confirmação por e-mail?

Não. A opção “Ativar confirmação por e-mail” está integrada ao campo padrão de e-mail e funciona em todos os planos do WPForms, incluindo o WPForms Lite (a versão gratuita).

O campo de e-mail de confirmação verifica se o endereço de e-mail realmente existe?

Não — ele verifica se o usuário digitou o mesmo endereço duas vezes. Ele não confirma se a caixa de entrada é real ou se alguém receberá as mensagens enviadas para lá. Para esse tipo de validação, combine-o com regras de lista de permissão/restrrição ou com um serviço de verificação de e-mail de terceiros.

Por que meu formulário continua recebendo endereços de e-mail inválidos, mesmo com a opção de confirmação ativada?

Geralmente, há três motivos possíveis: usuários inserindo endereços falsos intencionalmente, o preenchimento automático do navegador inserindo o mesmo endereço incorreto nos dois campos ou bots ignorando a validação por JavaScript. Adicioneum CAPTCHA, ative regras de lista de bloqueio e desative o preenchimento automático no campo de confirmação para resolver o problema.

Posso personalizar a mensagem de erro quando os dois e-mails não coincidem?

Sim. Clique no campo de e-mail no editor, acesse a guia “Avançado” e edite o campo “Mensagem de erro de confirmação”. Você pode usar qualquer texto que se adapte ao tom da sua marca.

O campo do e-mail de confirmação funcionará em dispositivos móveis?

Sim. O WPForms exibe o campo de e-mail de confirmação como dois campos de entrada empilhados em dispositivos móveis, proporcionando um layout fácil de tocar. Não é necessária nenhuma configuração adicional.

Qual é a diferença entre confirmação por e-mail e verificação por e-mail?

Confirmação de e-mail = o usuário digita seu endereço duas vezes e ambos devem coincidir (detecta erros de digitação). Verificação de e-mail = uma verificação real de que a caixa de entrada existe e pode receber e-mails, geralmente por meio de um e-mail de confirmação ou de uma API de verificação. O recurso integrado do WPForms é a confirmação; para uma verificação completa, você precisaria de um serviço como o ZeroBounce ou de um fluxo de e-mail com dupla confirmação.

Posso tornar o campo de e-mail de confirmação opcional?

Na verdade, não — se o campo “E-mail” original for obrigatório, o campo de confirmação herda essa configuração. Se o campo “E-mail” for opcional, o campo de confirmação simplesmente não aparecerá, a menos que o usuário comece a digitar.

Em seguida, adicione confirmações e notificações personalizadas aos seus formulários do WordPress

O WPForms inclui muitos recursos excelentes de criação de formulários, inclusive mensagens de confirmação incorporadas e notificações por e-mail com um nome de remetente, assunto e mensagem de e-mail personalizados. Você pode configurá-las facilmente no construtor de formulários para que seus usuários saibam que os formulários foram enviados corretamente.

Também é possível enviar notificações de envio para o e-mail do administrador e visualizar todas as entradas de formulário dos campos repetidores no painel do WordPress.

Pronto para criar formulários avançados e flexíveis no WordPress? Comece hoje mesmo com o plug-in mais fácil de criação de formulários para WordPress. O WPForms Pro inclui muitos modelos gratuitos e integrações com serviços populares de marketing por e-mail e CRMs. Ele também oferece uma garantia de reembolso de 14 dias.

Crie seu formulário WordPress agora

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos sobre o WordPress.