Quer saber como adicionar um formulário de contato no WordPress? Um formulário de contato é a maneira mais fácil de permitir que os visitantes entrem em contato com você sem expor seu endereço de e-mail a spam.
Neste tutorial, mostrarei passo a passo como adicionar um formulário de contato no WordPress usando um plug-in amigável para iniciantes. Ao final, você terá um formulário funcional que poderá adicionar a qualquer página, post ou barra lateral do seu site.
Etapas para adicionar um formulário de contato no WordPress:
- Etapa 1. Faça o download do plug-in de formulário de contato do WordPress WPForms
- Etapa 2. Adicionar um formulário de contato no WordPress
- Etapa 3. Definir as configurações gerais de seu formulário
- Etapa 4. Definir as configurações de notificação para seu formulário
- Etapa 5. Configure suas mensagens de confirmação
- Etapa 6. Adicionar um formulário de contato a uma página do WordPress
Por que criar um formulário de contato no WordPress?
Talvez você se pergunte se é melhor apenas listar seu endereço de e-mail no site. Na realidade, um formulário de contato do WordPress oferece mais controle, mais segurança e uma maneira mais fácil de os visitantes entrarem em contato com você.
Aqui estão os principais benefícios de adicionar um formulário de contato em vez de mostrar um endereço de e-mail:
- Colete os detalhes certos - Escolha quais campos são obrigatórios para que você sempre obtenha as informações necessárias.
- Simplifique a comunicação - Facilite para os visitantes o envio de perguntas, ideias ou feedback diretamente pelo seu site.
- Mantenha-se organizado - Use linhas de assunto e campos estruturados para classificar e responder rapidamente às mensagens.
- Proteja-se contra spam - Oculte seu endereço de e-mail e use filtros de spam integrados para reduzir as mensagens indesejadas.
- Atenda às necessidades de conformidade - Adicione caixas de seleção de consentimento para ajudar seu site a cumprir o GDPR e outras leis de privacidade.
É por isso que a maioria dos sites WordPress, inclusive este, usa um formulário de contato. É mais seguro, mais rápido e mais profissional do que publicar um endereço de e-mail.
É possível adicionar um formulário de contato no WordPress sem um plug-in?
Sim, você pode adicionar um formulário de contato no WordPress sem um plug-in usando serviços de terceiros. A maioria dessas ferramentas fornece um código incorporado que você copia e cola em seu site.
No entanto, essa abordagem tem desvantagens. Muitas vezes, você precisará lidar com código HTML, e a personalização do formulário geralmente requer etapas adicionais. Para iniciantes, isso pode parecer confuso e demorado.
A opção mais fácil é usar um plug-in de formulário de contato do WordPress. Os plug-ins permitem que você crie, personalize e publique formulários diretamente no painel, sem necessidade de conhecimentos de programação.
Então, vamos ver passo a passo como criar um formulário de contato no WordPress.
Como adicionar um formulário de contato no WordPress
A maneira mais fácil de adicionar um formulário de contato no WordPress é com o WPForms. Ele é o plug-in de criação de formulários mais fácil de usar para iniciantes, com a confiança de mais de 6 milhões de sites, e vem com uma biblioteca de modelos predefinidos para que você possa criar qualquer tipo de formulário em minutos.
Ao contrário de plug-ins como o Jetpack ou o Contact Form 7, o WPForms oferece um verdadeiro construtor de formulários do tipo arrastar e soltar. Isso significa que você pode adicionar campos personalizados, ativar notificações e até mesmo usar tags inteligentes sem tocar em uma única linha de código.
O WPForms tem uma versão gratuita e outra paga. A versão Lite gratuita é perfeita para formulários simples. Para opções avançadas, como pagamentos, pesquisas e integrações, a versão Pro desbloqueia tudo o que você precisa para expandir seu site.
Você também pode consultar nossa análise completa do WPForms para obter ainda mais detalhes.
Tutorial em vídeo
Etapa 1. Faça o download do plug-in de formulário de contato do WordPress WPForms
A primeira etapa é obter uma cópia do WPForms e fazer o download do plug-in em seu computador.
Depois de criar sua conta do WPForms, vá para a página de login do WPForms. Aqui você pode acessar o painel da sua conta e clicar em View License Key, Details, and Downloads.
Em seguida, você será direcionado para a página com os detalhes da chave de licença e o link para download do plug-in.
Agora clique no botão Download WPForms. Em seguida, salve sua chave de licença em um bloco de notas para usá-la posteriormente.
Agora adicione e ative o plug-in em seu painel do WordPress. Para obter instruções sobre como instalar plug-ins do WordPress, consulte este guia prático para iniciantes.
Etapa 2. Adicionar um formulário de contato no WordPress
Com o WPForms instalado e ativado no seu site, é hora de criar um novo formulário de contato. Para fazer isso, acesse WPForms Plugins " Add New para criar um formulário de contato no WordPress.
Digite o nome do formulário e clique no modelo Simple Contact Form na tela seguinte.
O WPForms cria automaticamente um formulário de contato simples para você. Ele inclui os seguintes campos de formulário padrão:
- Nome - O nome e o sobrenome dos visitantes que estão enviando o formulário.
- E-mail - Os endereços de e-mail dos visitantes são obrigatórios por padrão.
- Comentário ou mensagem - Um espaço para os visitantes inserirem suas dúvidas.
- Texto do botão do formulário - O botão de envio que envia a mensagem para você.
A partir daí, é fácil adicionar um tipo de campo de formulário extra arrastando-o do painel esquerdo para o direito. Por exemplo, se quiser dar aos usuários a possibilidade de enviar um documento, arraste o campo de upload de arquivo e solte-o no formulário. Você também pode adicionar um campo de assunto de e-mail e tornar qualquer área de texto um requisito a ser preenchido pelos usuários.
Você também pode clicar em qualquer campo para editar o nome, incluir uma descrição e muito mais. É possível até mesmo clicar e arrastar campos para reorganizar a ordem do formulário de contato.
Em seguida, no cabeçalho Advanced Options (Opções avançadas ), você pode editar as seguintes preferências:
- Tamanho do campo - Defina o tamanho dos campos de formulário como pequeno, médio ou grande.
- Espaço reservado - Adicione texto de espaço reservado para os campos de nome e sobrenome.
- Hide Label (Ocultar rótulo ) - Oculta rótulos e subrótulos de campos de formulário do usuário final.
- Layouts - Escolha um layout personalizado para seu formulário sem usar nenhum código.
Você também pode incluir classes CSS personalizadas se quiser fazer outras personalizações. Quando estiver satisfeito com suas personalizações, clique em Save (Salvar).
Agora vamos definir as configurações gerais de seus formulários.
Etapa 3. Definir as configurações gerais de seu formulário
Para definir as configurações gerais de seu formulário, vá para Settings " General.
Nesta seção, é possível definir as seguintes configurações:
- Nome do formulário - Renomeie seu formulário se quiser chamá-lo de outra forma.
- Descrição do formulário - Dê uma descrição ao nome para ajudá-lo a lembrar para que ele serve.
- Texto do botão Enviar - Altere o rótulo do botão Enviar.
- Prevenção de spam - Evite envios de bots de spam ativando o recurso honeypot anti-spam.
- Conformidade com o GDPR - Você pode desativar o armazenamento de informações de entrada no WordPress, como endereços IP e agentes de usuário, para ajudá-lo a cumprir o GDPR.
Quando estiver satisfeito com essas configurações, clique em Save (Salvar).
A seguir, veremos como adicionar notificações de formulário.
Etapa 4. Definir as configurações de notificação para seu formulário
A configuração de notificações para o formulário de contato é uma excelente maneira de receber um alerta quando alguém envia um formulário em seu site. No entanto, se você não desativar esse recurso no menu suspenso de configurações do formulário, receberá notificações sempre que alguém enviar um formulário.
Você pode usar tags inteligentes no WPForms para alertar os visitantes do site quando eles preencherem um formulário de contato. Isso permite que eles saibam que você recebeu o formulário e garante que a mensagem foi enviada.
Consulte a documentação para saber mais sobre a configuração de notificações e confirmações no WordPress.
Com todas as notificações definidas, vamos configurar as confirmações do formulário.
Etapa 5. Configure suas mensagens de confirmação
Uma mensagem de confirmação é uma nota curta exibida aos visitantes do site após o envio de um formulário na sua página de contato. Ela permite que eles saibam que a mensagem foi enviada e dá a você a chance de dizer a eles quais são as próximas etapas.
No WPForms, há 3 tipos de mensagens de confirmação para escolher:
- Mensagem - Esse tipo de confirmação é a opção padrão para exibir uma nota rápida informando aos visitantes que eles enviaram o formulário.
- Show Page (Mostrar página) - O tipo Show Page leva os visitantes a uma página específica em seu site, como uma página de agradecimento, após o envio de um formulário.
- Go to URL (Redirect) - Essa opção serve para enviar os visitantes a um site diferente.
Para definir sua mensagem de confirmação, clique em Settings " Confirmation (Configurações " Confirmação). Em seguida, selecione o tipo de confirmação que você deseja. Para este guia, selecionaremos Message (Mensagem).
Agora, digite a mensagem que você deseja que seus visitantes vejam e clique em Save (Salvar).
A parte interessante é a próxima, que é publicar o formulário em seu site!
Etapa 6. Adicionar um formulário de contato a uma página do WordPress
Com seu formulário de contato criado, é hora de adicioná-lo a uma nova página no WordPress.
Com o WPForms, você pode adicionar formulários em qualquer lugar do seu site. Isso inclui páginas de contato do WordPress, posts de blog e até mesmo um widget na barra lateral ou no cabeçalho.
A opção mais comum é incorporar o formulário de contato em um post ou página. Você pode usar um shortcode ou bloco de conteúdo, que explicaremos como fazer agora.
Primeiro, crie uma nova página ou postagem de blog e, no editor de postagem ou página, clique no ícone de adição para adicionar um novo bloco do WordPress.
Em seguida, digite WPForms na barra de pesquisa de blocos, e o bloco WPForms será exibido. Clique nele para adicioná-lo à sua página.
Em seguida, um bloco aparecerá na tela para que você escolha o formulário de contato no menu suspenso. Em seguida, o formulário aparecerá em sua página do WordPress.
Agora, tudo o que você precisa fazer é publicar sua página. Em seguida, você poderá ver o formulário ao vivo em seu site.
Adição de um formulário de contato à barra lateral
O WPForms também facilita bastante a adição de um formulário de contato à barra lateral do seu site. O plug-in vem com um widget de formulário de contato integrado, que pode ser arrastado e solto em qualquer área do WordPress preparada para widgets.
Vá para Appearance " Widgets na área de administração do WordPress para fazer isso você mesmo.
Aqui você verá o widget WPForms que pode ser arrastado e solto na barra lateral. Como alternativa, clique no widget e selecione uma barra lateral na lista de opções. Em seguida, clique em Adicionar widget.
Depois de fazer isso, dê um título ao widget, escolha seu formulário na lista suspensa e clique em Save (Salvar).
Veja como ele ficará usando o tema padrão do Twenty Twenty WordPress em seu site.
O WPForms também oferece a opção de adicionar um formulário de contato usando um shortcode do WordPress. Você pode encontrar o shortcode do formulário de contato visitando WPForms " All Forms e copiando o shortcode de lá.
Depois, basta colar o shortcode onde você deseja exibir o formulário no WordPress usando um widget de texto simples.
Acompanhamento das conversões de seus formulários do WordPress
Depois de criar um formulário no WordPress, você precisa saber qual é o desempenho dos seus formulários.
Se você rastrear seus formulários no WordPress, poderá ver quantas visualizações e conversões seus formulários obtêm e suas taxas de conversão de formulários. Também é possível ver qual formulário está obtendo o maior número de conversões e visualizações.
A maneira mais fácil de rastrear as conversões de formulários é com o MonsterInsights, o melhor plug-in do Google Analytics para WordPress.
O MonsterInsights tem um complemento avançado de rastreamento de formulários que rastreia automaticamente as conversões de formulários.
É fácil de configurar e leva apenas alguns cliques. Basta instalar o MonsterInsights Forms e ele começará a rastrear imediatamente. Ele também é totalmente compatível com o WPForms e outros plug-ins de formulário para WordPress.
Confira este guia para saber como rastrear as conversões de formulários do WordPress.
Perguntas frequentes sobre como adicionar um formulário de contato no WordPress
Adicionar um formulário de contato no WordPress é uma das maneiras mais simples de tornar seu site mais profissional e fácil de usar. Com o plug-in certo, você pode coletar os detalhes necessários, reduzir o spam e oferecer aos visitantes uma maneira fácil de entrar em contato com você.
Se você deseja uma solução rápida e sem código, o WPForms é o melhor plug-in de formulário de contato para iniciantes e pequenas empresas. Você pode começar com a versão gratuita ou desbloquear recursos avançados com o Pro para lidar com pagamentos, pesquisas e muito mais.
Agora que você sabe como adicionar um formulário de contato no WordPress, pode se conectar com seu público, capturar leads e expandir seu site com confiança.
Os guias a seguir também podem ser úteis:
- Como criar uma página de destino com um formulário no WordPress
- Como criar um formulário de registro de usuário do WordPress com campos personalizados
- Como criar um formulário de registro de evento no WordPress
- Como criar um formulário de várias etapas no WordPress
- Como criar um formulário de upload de arquivos no WordPress
- Como criar um formulário no estilo Typeform no WordPress
- Como criar um formulário de pedido on-line para seu site WordPress
Esperamos que este artigo tenha sido útil para você. Se tiver gostado, siga-nos no Twitter e no Facebook para obter mais tutoriais e dicas sobre o WordPress.
