Como criar um formulário de contato no WordPress (além dos melhores plug-ins)

Publicados: 2019-05-29

Todo site precisa de um formulário de contato, provavelmente por isso você está lendo um post sobre como usar um plugin do WordPress para formulário de contato para criar seu próprio formulário.

Por causa disso, há uma tonelada de ótimas opções que você pode usar para adicionar um formulário de contato no WordPress. E neste post, vou mostrar passo a passo como usar um gratuitamente . Sim, você aprenderá exatamente como criar um formulário de contato personalizado e atraente sem abrir sua carteira.

Depois desse tutorial, compartilharei alguns dos outros melhores plug-ins de formulário de contato, bem como porque você pode querer escolher uma dessas opções em vez do plug-in no tutorial.

A maneira mais fácil de criar um formulário de contato no WordPress

Se você deseja adicionar um formulário de contato ao WordPress, você precisará de um plugin do WordPress para formulário de contato.

Agora, existem muitas opções sólidas por aí, nas quais falarei a seguir. Mas se você deseja apenas um formulário de contato básico, a opção mais simples de usar é um plugin gratuito chamado HappyForms.

Veja como criar um formulário de contato no WordPress em apenas algumas etapas ...

1. Instale e ative o plugin do WordPress do formulário de contato do HappyForms

O plugin HappyForms é gratuito e está disponível em WordPress.org, o que significa que você pode instalá-lo acessando Plugins → Adicionar novo e procurando por “HappyForms”:

formulário de contato wordpress 1

2. Crie um novo formulário

Depois de instalar e ativar o plugin HappyForms, vá para HappyForms → Adicionar Novo no painel do WordPress:

formulário de contato wordpress 2

Isso lançará uma nova interface que se parece muito com o WordPress Customizer ( a interface onde você personaliza seu tema em uma visualização em tempo real ).

Como o WordPress Customizer, você poderá ver uma visualização ao vivo de seu formulário de contato conforme o constrói.

Primeiro, porém, basta dar um nome ao seu formulário para ajudá-lo a se lembrar dele:

formulário de contato wordpress 3

3. Adicionar campos de formulário

Em seguida, use a lista de campos de formulário para escolher quais campos incluir em seu formulário. Para um formulário de contato básico, você provavelmente desejará estas opções:

  • Texto curto - para o nome da pessoa.
  • Email - para o endereço de email da pessoa.
  • Texto longo - para a mensagem da pessoa.

Para adicionar um campo de formulário, tudo o que você faz é clicar nele. Depois de clicar nele, você poderá definir suas configurações na barra lateral. Ao alterar as configurações de um campo, você verá a mudança na visualização ao vivo:

formulário de contato wordpress 4

Depois de adicionar todos os campos do formulário, você deverá ver uma visualização completa do seu formulário de contato:

formulário de contato wordpress 5

Se desejar, você pode adicionar outros campos que sejam exclusivos de acordo com suas necessidades. Por exemplo, você pode querer adicionar uma caixa de seleção ou lista suspensa para permitir que os remetentes escolham do que se trata a mensagem ( e ajudá-lo a organizar tudo ).

Quando terminar de adicionar os campos do formulário, clique no botão Configurar para continuar.

4. Configure o que acontece depois que um visitante envia um formulário

Depois de clicar no botão Configurar , você terá várias opções para controlar o que acontece depois que um visitante envia seu formulário de contato.

Na parte superior, você pode configurar a mensagem de confirmação , que é a mensagem exibida para o remetente do formulário em seu site depois que ele envia um formulário (1).

Abaixo disso, você pode escolher se deseja receber notificações por email quando há um novo envio de formulário, e em que endereço de e-mail que você deseja receber submissões (2). HappyForms também armazenará os envios de formulários em seu painel do WordPress - mais sobre isso mais tarde :

formulário de contato wordpress 6

Em seguida, você pode escolher se deseja ou não enviar notificações por e-mail ao remetente do formulário e, em caso afirmativo, o que essas notificações por e-mail devem conter:

formulário de contato wordpress 7

Por fim, a parte inferior das configurações permite definir uma variedade de configurações diversas, incluindo:

  • Redirecione os usuários para uma página diferente após enviarem o formulário
  • Salve os envios de formulários em seu painel do WordPress
  • Use o Google ReCaptcha para proteção contra spam
  • Permita que os remetentes do formulário visualizem suas mensagens antes de enviar

Em caso de dúvida, você deve deixar essas configurações como padrão:

formulário de contato wordpress 8

Depois de fazer suas escolhas, clique no botão Estilo para avançar para o próximo conjunto de opções.

5. Configure o estilo do seu formulário de contato

Etapa final de configuração! Agora, você pode usar as várias áreas para configurar a aparência e o estilo do seu formulário de contato:

formulário de contato wordpress 9

Por exemplo, para configurar a aparência do Botão Enviar, você abrirá as configurações do botão Enviar . Lá, você pode alterar a fonte, ajustar a largura, alterar as cores e muito mais.

Ao fazer qualquer alteração, você verá a visualização ao vivo atualizada automaticamente, o que torna mais fácil descobrir exatamente o que cada ajuste faz em seu formulário:

formulário de contato wordpress 10

Quando terminar de usar as opções de estilo, clique no botão Salvar e Fechar para terminar.

6. Adicione seu formulário de contato à página onde deseja que apareça

Para realmente incorporar seu formulário, você pode adicioná-lo como:

  • Bloco no novo editor de bloco
  • Shortcode no editor clássico ou no editor de bloco
  • Widget em qualquer área de widget

Por exemplo, se você estiver usando o novo editor de bloco do WordPress, você criará uma nova página chamada algo como “Fale conosco” e inserirá o bloco HappyForms .

A partir daí, você pode escolher qual formulário deseja inserir:

formulário de contato wordpress 11

Ou, se ainda estiver usando o editor clássico do WordPress, você pode inserir seu formulário de contato como um código de acesso clicando no botão Adicionar HappyForms :

formulário de contato wordpress 12

E é isso! Os visitantes poderão começar a enviar mensagens para você por meio de seu formulário de contato

Como visualizar os envios de formulários

Existem duas maneiras de ver os envios de formulários.

Primeiro, se você configurar notificações por e-mail nas configurações do formulário, receberá um e-mail sempre que alguém enviar um formulário.

Em segundo lugar, você também pode ver os envios de dentro do painel do WordPress acessando HappyForms → Respostas :

formulário de contato wordpress 13

Se você clicar em uma resposta específica, poderá ver a mensagem completa:

formulário de contato wordpress 14

E isso é tudo que há para fazer!

Quatro outros plug-ins de WordPress de melhor formulário de contato e por que você pode querer um deles

Para um formulário de contato simples do WordPress, HappyForms é a melhor opção para a maioria dos usuários. No entanto, não é de forma alguma o único plugin de WordPress de formulário de contato de qualidade. E se você quiser algo um pouco além de um simples formulário de contato, talvez prefira uma opção diferente.

Então, para terminar este post, vamos revisar alguns dos melhores plug-ins de formulário de contato do WordPress, e o que pode torná-los uma opção melhor do que o plug-in HappyForms que usei no tutorial acima.

1. WPForms wpforms

WPForms é um dos mais populares plug-ins de formulário de contato do WordPress em WordPress.org.

Uma coisa boa sobre esse plug-in é que ele oferece um construtor de arrastar e soltar para organizar os campos do formulário, incluindo opções para configurar designs de várias colunas. Então, se você gosta disso, esse pode ser um dos motivos para escolher WPForms.

Além do construtor de arrastar e soltar, também existem algumas versões premium diferentes que permitem que você seja muito mais criativo com seus formulários. Você será capaz de:

  • Aceitar pagamentos
  • Inscreva pessoas com seu endereço de e-mail
  • Conecte-se ao Zapier
  • Etc.

Portanto, se você deseja essa funcionalidade avançada, esse pode ser outro motivo para escolher WPForms.

As versões premium começam em $ 39,50 e variam até $ 299,50, dependendo dos recursos que você deseja e do número de sites em que deseja usar o plug-in.

2. Marketing HubSpot All-In-One

hubspot

Como o nome sugere, HubSpot All-In-One Marketing é uma ferramenta tudo-em-um que cobre tudo, desde popups para bate-papo ao vivo e - você adivinhou - formulários de contato.

Usando o construtor arrastar e soltar, você pode criar seus próprios formulários de contato customizados para coletar o máximo ou o mínimo de informações necessárias.

E um grande benefício é que o HubSpot armazenará automaticamente todos os seus envios de formulários no CRM integrado. Portanto, se você estiver usando seu formulário de contato para vendas ou qualquer outra coisa que possa se beneficiar de um CRM, este é um ótimo para usar.

3. Formas Ninja formas ninja

Ninja Forms é outra oferta freemium com muitas das mesmas vantagens que WPForms.

Ou seja, ele oferece uma versão gratuita limitada e fornece um construtor de arrastar e soltar que pode ser usado para organizar os campos do formulário.

E se você estiver disposto a pagar, você pode fazer seus formulários fazerem coisas muito mais avançadas, incluindo:

  • Aceitando pagamentos
  • Inscrevendo pessoas no seu boletim informativo
  • Colocando remetentes de formulários em seu CRM
  • Etc.

Uma diferença está na estrutura de preços para essas opções premium. Em vez de versões premium distintas, o Ninja Forms permite que você escolha quais complementos premium deseja usar. Ou você também pode obter um pacote de complementos a partir de $ 99.

4. Formulários Caldera caldeira

Em termos de funcionalidade que você obtém na versão gratuita, Caldera Forms é um dos mais generosos plug-ins gratuitos de formulário de contato para WordPress.

Mesmo na versão gratuita, você pode criar formulários complexos que têm:

  • Múltiplas páginas
  • Lógica condicional, em que você pode mostrar diferentes opções de formulário com base em como uma pessoa respondeu às perguntas anteriores

Ele também possui um construtor de arrastar e soltar, embora a interface não seja tão amigável para iniciantes quanto WPForms ou Ninja Forms.

Além da generosa funcionalidade gratuita, há também uma versão premium que pode adicionar funcionalidades mais avançadas - como pagamentos e integrações de serviços de marketing por e-mail.

Além desses complementos, há também um serviço premium de assinatura com foco exclusivo em:

  • Capacidade de entrega de e-mail - o serviço realmente lida com o envio de e-mails para garantir que eles acabem nas caixas de entrada dos visitantes
  • Conversões de formulário para PDF
  • Estatísticas para a entrega de suas confirmações por e-mail

5. Formas de gravidade formas de gravidade

Finalmente, há Gravity Forms, que é um plugin de formulário de contato especialmente popular para desenvolvedores.

Os desenvolvedores gostam porque, além de vir com muitas funcionalidades integradas para a criação de tudo, desde formulários de pagamento a envios de post front-end, Gravity Forms também é extensível e tem um grande mercado para extensões de terceiros.

Portanto, se você deseja algo que possa realmente aprofundar e personalizar de acordo com as suas necessidades, Gravity Forms e suas várias extensões podem ser o plugin certo para você.

A única desvantagem é que não existe uma versão gratuita do Gravity Forms. Se quiser usá-lo, você precisará estourar seu cartão de crédito.

Os preços começam em $ 59 e variam até $ 259.

Reflexões finais sobre os formulários de contato do WordPress

Com o plugin correto do WordPress para formulário de contato, é fácil criar e personalizar um formulário de contato que atenda perfeitamente às suas necessidades.

Se tudo o que você deseja é um simples formulário de contato, o plugin HappyForms oferece uma abordagem confiável e simplificada. E se você quiser mais funcionalidade, pode considerar a atualização para um plug-in de formulário pago para fazer tudo, desde aceitar pagamentos até inscrever pessoas em sua lista de marketing por e-mail.

Crie seu primeiro formulário hoje e comece a tornar mais fácil para os visitantes se conectarem com você!