Como Adicionar um Formulário de Contato ao Seu Site WordPress

Quer uma maneira fácil de criar um Formulário de Contato no WordPress?

Com um formulário de contato, seus visitantes podem entrar em contato com você facilmente, fazer perguntas sobre seu negócio, consultar produtos e enviar feedback. É um item essencial em qualquer site.

Geralmente, adicionar um formulário de contato ao seu site exige um pouco de codificação, mas vamos te dar um método muito mais fácil que qualquer um pode seguir.

Neste tutorial, levará apenas 5 passos fáceis para ter um formulário bonito e totalmente funcional em seu site.

O Que Você Precisa em um Formulário de Contato?

Formulários de contato podem servir a múltiplos propósitos em seu site. Eles podem te ajudar a obter mais leads e superar objeções de vendas. Além disso, é mais rápido e fácil do que enviar um e-mail para entrar em contato com você, então eles definitivamente melhoram a experiência do usuário também.

Ao construir um formulário de contato, você precisa ter os seguintes pontos em mente:

• Fácil de Usar: Os visitantes devem poder enviar suas mensagens e outros detalhes diretamente do seu site.
• Obtenha as Informações Certas: Peça apenas as informações que você deseja de seus visitantes, como número de telefone, endereço de e-mail e mais. 
• Proteção contra Spam: Qualquer formulário em um site está sujeito a receber spam. Um plugin pode te ajudar a impedir que spammers e hackers enviem entradas falsas e até malware.
• Dados Organizados: Os dados que você obtém de formulários de contato são valiosos. À medida que mais usuários enviam o formulário, seus dados podem se perder facilmente. Organizar suas entradas de formulário desde o início é o caminho certo a seguir.
• Geração de Leads: Aproveite a oportunidade para perguntar aos usuários se você pode adicioná-los à sua lista de e-mail para que você possa mantê-los engajados com seu boletim informativo semanal.
• Conformidade: Muitos construtores de formulários de contato oferecem a opção de adicionar uma caixa de seleção para pedir a permissão do usuário para contatá-lo. Você pode facilmente cumprir as regras do GDPR. 

Dito isso, vamos começar nosso guia passo a passo sobre como adicionar um formulário de contato ao seu site WordPress.

A MELHOR Maneira de Adicionar um Formulário de Contato no WordPress

Se você vai criar um formulário de contato no WordPress, então você deve usar o melhor plugin do mercado. Esse é o WPForms, sem dúvida.

O WPForms é o construtor de formulários mais poderoso para sites WordPress. Ele vem com todos os recursos que você precisará para criar qualquer tipo de formulário em poucos cliques. 

Com seu construtor fácil de arrastar e soltar, qualquer pessoa pode adicionar um formulário de contato no WordPress sem precisar de código. O plugin oferece mais de 1.200 modelos de formulários para que você não precise criar um do zero. Você pode simplesmente adicionar ou remover campos e personalizar o formulário da maneira que desejar. 

Além disso, você terá acesso a outros recursos avançados, como notificações e confirmações de formulário. 

Isso permitirá que você envie e-mails e mensagens de confirmação para seus visitantes assim que eles clicarem no botão de envio em seu formulário de contato. Você pode até notificar a si mesmo e aos membros da sua equipe para que possa responder aos usuários imediatamente.

É seguro dizer que o WPForms é a melhor escolha para criar formulários de contato no WordPress. Aqui estão os principais recursos que o plugin oferece: 

• Construtor de formulários com arrastar e soltar, fácil para iniciantes
• Mais de 1.200 modelos de formulários pré-construídos
• Suporta processadores de pagamento como PayPal, Stripe, Square e outros
• Painel de gerenciamento de entradas para rastrear e gerenciar envios de formulários
• Integrações com serviços de marketing por e-mail para construir sua lista de e-mails
• Proteção contra spam integrada com opções de captcha

Agora que você sabe qual construtor de formulários usar, vamos aprender como criar facilmente um formulário de contato no WordPress.

Passo 1: Instalar o Plugin WPForms

Primeiro, você precisará se inscrever para uma conta WPForms. Você também pode começar com o plugin WPForms Lite, que está disponível no WordPress.org. Esta versão gratuita vem com muitos recursos para criar formulários de contato profissionais para o seu site. 

Se você quiser acesso a recursos avançados como gateways de pagamento e add-ons de formulário, você pode fazer o upgrade para a versão pro. Os planos de preços começam em apenas US$ 49,50 por ano. 

Assim que você se inscrever, você encontrará seu arquivo de download e chave de licença no painel do WPForms. 

Você precisa instalar o plugin WPForms no seu site WordPress. Para mais detalhes sobre isso, confira nosso guia fácil sobre como instalar um plugin WordPress. 

Após instalar o plugin, abra a página WPForms » Configurações e insira sua chave de licença aqui. 

Em seguida, clique no botão Verificar Chave para ver a mensagem de sucesso. 

Agora, você pode começar a criar seu formulário de contato do WordPress. 

Etapa 2: Crie um Novo Formulário de Contato

Para criar um novo formulário, vá para a aba WPForms » Adicionar Novo no menu à esquerda do seu painel do WordPress. 

Em seguida, você verá a biblioteca de modelos onde pode selecionar um modelo de formulário de contato ou um formulário em branco para começar. 

Você pode dar um nome ao seu formulário no topo e selecionar o modelo Formulário de Contato Simples para este tutorial. 

Na próxima tela, você verá o construtor de formulários de arrastar e soltar. Todos os campos do formulário, como e-mail, números, captcha e upload de arquivos, estão disponíveis no lado esquerdo da página.

E à direita, você verá a prévia do formulário. O modelo de formulário já inclui todos os campos necessários, como:

• Nome (primeiro e último)
• Endereço de E-mail
• Comentário / Mensagem

Se for tudo o que você precisa, clique em Salvar e siga para a próxima etapa. Se precisar personalizá-lo mais, o construtor de arrastar e soltar é incrivelmente fácil de usar.

Você pode facilmente adicionar um novo campo de formulário na prévia do formulário e organizar a ordem como desejar. Por exemplo, adicionaremos o campo de seleção ao formulário de contato. 

Para editar o campo do formulário, você pode simplesmente clicar nele e verá as opções do campo, como o rótulo, rótulos de itens, descrição e muito mais. 

Na aba de configurações Avançadas, você encontrará mais opções como estilo do formulário, tamanho do campo, classes CSS e outras configurações para personalizar o campo do formulário.

Depois de personalizar seu formulário de contato, você pode ajustar as configurações para garantir que ele atenda às suas necessidades.

Passo 3: Configure as Definições do Formulário

No painel do menu esquerdo do editor de formulários, clique na aba Configurações » Geral. Aqui, você verá estas configurações do formulário:

• Nome do Formulário: Edite o nome do seu formulário de contato.
• Descrição do Formulário: Adicione uma descrição simples do que seu formulário de contato faz. 
• Texto do Botão Enviar: Altere o rótulo do botão Enviar do formulário de contato.
• Texto de Processamento do Botão Enviar: Insira um texto para exibir no botão de envio quando o formulário estiver processando.
• Ativar proteção anti-spam: Impede que bots de spam enviem formulários.  

Se você rolar para baixo, verá opções avançadas como CSS personalizado para o botão de envio, envio de formulário AJAX e muito mais. Estes são voltados para desenvolvedores que desejam adicionar codificação personalizada.

Quando terminar, clique em Salvar e siga para a próxima etapa.

Etapa 4: Ativar Notificações e Confirmações do Formulário

O WPForms permite que você controle o que acontece depois que os usuários enviam um formulário em seu site WordPress. Você pode enviar notificações e confirmações do formulário para:

• Notificar você e os membros da sua equipe sobre novos envios de formulário
• Enviar um e-mail aos usuários para confirmar seus envios.
• Exibir uma mensagem de confirmação ou agradecimento após um envio de formulário bem-sucedido
• Redirecionar os clientes para outra página após eles enviarem o formulário

Para configurar notificações por e-mail, abra a aba Configurações » Notificação no menu lateral do construtor de formulários. 

Por padrão, a notificação do administrador já está configurada. Isso enviará um e-mail para o administrador do site sempre que houver um novo envio de formulário.

No campo Enviar para o Endereço de E-mail, você também pode adicionar outros endereços de e-mail dos membros da sua equipe. Apenas certifique-se de separá-los com vírgulas. 

Mais ainda, você pode configurar uma notificação para seus usuários e enviar e-mails de confirmação automatizados. Para isso, basta clicar no botão Adicionar Nova Notificação.

Para adicionar o endereço de e-mail do usuário, clique na opção Mostrar Smart Tags e selecione o campo de formulário E-mail. 

Em seguida, você pode personalizar a linha de assunto, o nome do formulário e o corpo do e-mail. Se quiser mostrar os detalhes do envio do formulário no e-mail, use a smart tag {all_fields}. 

Isso recuperará automaticamente os dados do envio do formulário e os adicionará à notificação por e-mail. 

Agora, você pode configurar a mensagem de confirmação que é exibida na parte frontal do seu site WordPress após os usuários enviarem o formulário.

Para isso, clique na aba Confirmações na página de configurações. Aqui, você verá 3 opções:

• Mostrar uma mensagem personalizada 
• Redirecionar para outra página do seu site
• Redirecionar para um site ou página externa

Se você quiser mostrar uma mensagem de agradecimento aos usuários, pode inserir uma mensagem personalizada na área de texto. 

Além disso, você terá a opção de rolar automaticamente para a mensagem de confirmação e mostrar uma prévia do envio do formulário aos usuários. Você pode até selecionar o estilo da prévia. 

Para mais informações sobre isso, consulte nosso guia sobre como configurar as notificações e confirmações corretas do formulário. 

Não se esqueça de salvar suas configurações no final. 

Tudo o que você precisa fazer agora é adicionar o formulário de contato ao seu site WordPress. Antes de fazermos isso, se você quiser conectar este formulário de contato à sua conta de marketing por e-mail, pode fazer isso na aba Marketing.

Você simplesmente precisa selecionar seu provedor de e-mail e conectar sua conta. Em seguida, você pode segmentar leads e fazê-los serem adicionados automaticamente à sua lista de contatos de e-mail e campanhas. É realmente muito fácil!

Agora vamos adicionar seu formulário de contato ao seu site.

Etapa 5: Adicionar seu formulário de contato no WordPress

O WPForms permite que você adicione seus formulários de contato a qualquer página, postagem ou barra lateral em seu site. Ele oferece suporte a shortcode de formulário de contato e ao editor de blocos Gutenberg para tornar o processo super fácil. 

Adicionar formulário de contato a uma página ou postagem do WordPress (Gutenberg)

Para adicionar o formulário de contato em qualquer página ou postagem do WordPress, você pode pesquisar pelo bloco WPForms e adicioná-lo ao editor de texto. 

Em seguida, você verá um menu suspenso onde poderá selecionar o formulário de contato que acabou de criar.

Após selecionar o formulário, você verá a prévia no editor de texto. Para adicionar o formulário de contato ao seu site, clique no botão Publicar no canto superior direito. 

Adicionar formulário de contato a uma página ou postagem do WordPress (Editor Clássico)

Se você usa o editor clássico do WordPress, pode adicionar o formulário de contato usando o botão Adicionar Formulário. Ou, você pode simplesmente copiar e colar o shortcode do formulário para incorporar o formulário em seu site. 

Adicionar formulário de contato a uma barra lateral

Você também pode adicionar o formulário de contato ao widget da sua barra lateral. Para isso, vá em Aparência » Widget. Agora, arraste e solte o widget WPForms na barra lateral ou no menu do rodapé à direita.

Depois disso, selecione seu formulário usando o menu suspenso e salve suas alterações.

Quando terminar, clique no botão Salvar. Seu formulário agora começará a ser exibido na barra lateral do seu site.

E pronto! Você aprendeu como adicionar um formulário de contato no WordPress em alguns passos simples usando o WPForms. 

Sem dúvida, WPForms é o plugin de formulários número 1 para WordPress que permite criar formulários para qualquer finalidade. Ele é compatível com todos os principais temas e construtores de páginas do WordPress, portanto, você não terá problemas para usá-lo em seu site.

O WPForms também permite que você crie outros formulários, como:

• Formulários de pedido de produto
• Registros de eventos
• Formulários de doação
• Pesquisas e enquetes
• Formulários de reserva 

...e muito mais. Basta clicar nos links acima para ir direto para um tutorial fácil de como configurá-lo.

É tudo por hoje! Esperamos que este artigo tenha ajudado você a adicionar facilmente um formulário de contato ao seu site WordPress. 

Se você gostou deste tutorial, talvez também goste do nosso guia passo a passo sobre como criar facilmente uma pesquisa no WordPress.

Para seus próximos passos, você pode querer verificar estes recursos: 

• Como Configurar o Rastreamento de Formulários do WordPress no Google Analytics
• Melhores Ferramentas de Captura de E-mail e Construtores de Formulários para WordPress
• Como Adicionar Opção 'Salvar e Continuar Depois' a Formulários WordPress

Estas postagens ajudarão você a rastrear seus envios de formulário e a expandir sua lista de marketing por e-mail. A última ajudará você a adicionar a funcionalidade de salvar e continuar aos seus formulários do WordPress.