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

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

Deseja adicionar um campo de endereço de e-mail de confirmação aos seus formulários do WordPress?

Às vezes, os usuários inserem endereços de e-mail errados quando enviam formulários. Isso pode dificultar a resposta às suas mensagens ou a inclusão deles em um pipeline de leads.

A maneira mais fácil de corrigir isso é adicionar um campo de confirmação de endereço de e-mail aos seus formulários.

Neste artigo, mostraremos como ativar a confirmação do endereço de e-mail do usuário em seu formulário em apenas algumas etapas simples.

Pronto? Entre imediatamente!

Qual é o objetivo do campo Confirmar endereço?

O objetivo de incluir a confirmação do endereço de e-mail é garantir que os usuários insiram os endereços de e-mail corretos quando enviarem os formulários.

Os formulários de contato são uma ótima maneira de as pessoas entrarem em contato com você. Talvez você também tenha um formulário de registro de usuário no seu site para que os visitantes possam criar contas. No entanto, se estiver recebendo entradas de formulário com endereços de e-mail incorretos, acabará com leads falsos e perderá clientes em potencial.

Exigir que os usuários forneçam um endereço de e-mail duas vezes é uma boa maneira de fazer com que os usuários verifiquem novamente e garantam que não haja erros de digitação no endereço fornecido.

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

Criar formulários de todos os tipos no WordPress é muito simples se você tiver o WPForms. O WPForms é um construtor de formulários super flexível para WordPress que facilita muito a personalização dos campos.

Por exemplo, mostraremos como confirmar um endereço de e-mail simplesmente clicando em um único botão de alternância.

Recomendamos que você comece com o WPForms Pro, que vem com alguns dos nossos recursos mais populares.

A página inicial do WPForms

Se você precisar de alguma ajuda para começar, aqui está um guia prático para instalar plug-ins 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 é realmente fácil de fazer, pois você pode usar o construtor de formulários de arrastar e soltar ou simplesmente escolher entre mais de 2.000 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).

Adicionar novo formulário no WPForms

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.

Dê um nome ao seu formulário

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).

Seleção do modelo de formulário de contato simples

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.

Criador de formulários

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 campo de e-mail

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

ativar a confirmação por e-mail

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.

Botão Salvar para salvar seu formulário

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

Botão de formulário incorporado

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).

Criar uma nova página para incorporar seu formulário

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

Incorporação de um formulário de contato em uma nova página

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.

Publicar o formulário

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.

Formulário de confirmação de e-mail

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.

A mensagem de validação de um campo de confirmaçã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.

primeiro e-mail

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.

etiqueta de e-mail

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

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!

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Equipe editorial

A equipe editorial do WPForms é formada por especialistas em WordPress e especialistas em crescimento de pequenas empresas. Somos apaixonados por ajudar empreendedores e proprietários de sites a ter sucesso.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar para WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Ative o JavaScript em seu navegador para preencher este formulário.

Adicionar um comentário

Ficamos felizes por você ter optado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.