Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como adicionar um formulário de contato no WordPress (guia para iniciantes)

Como adicionar um formulário de contato no WordPress (guia para iniciantes) 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: reviewer avatar Turner John
reviewer avatar Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Procurando um tutorial sobre como adicionar um formulário de contato no WordPress?

Criar um formulário de contato é uma maneira simples de se conectar com seu público e obter feedback valioso. Hoje, mostraremos como adicionar um formulário de contato no WordPress e o dividiremos em um guia passo a passo para que até mesmo os iniciantes possam fazê-lo.

Por que criar um formulário de contato no WordPress?

Ao criar seu site WordPress, talvez você se pergunte se é melhor usar seu endereço de e-mail em vez de um formulário de contato.

Os formulários de contato do WordPress oferecem aos seus visitantes mais flexibilidade para entrar em contato. Além disso, os formulários de contato permitem que você torne certas informações um requisito que não pode ser feito com um simples endereço de e-mail.

Vejamos mais algumas coisas que você pode fazer ao aprender a criar um formulário de contato eficiente:

  • Controle de informações. Com os formulários de contato, você controla as informações coletadas pelo seu site. Isso limita o número de e-mails enviados e recebidos.
  • Comunicação fácil. Adicionar formulários de contato ao seu site WordPress facilita o contato com as pessoas. Também é mais fácil para elas enviarem ideias, comentários e perguntas.
  • Organização de mensagens. A maioria dos formulários de contato inclui linhas de assunto, que o ajudam a saber quem está enviando mensagens.
  • Proteção contra spam. Os formulários de contato ocultam seu endereço de e-mail, para que os spammers não possam enviar mensagens indesejadas.
  • Conformidade. Muitos formulários de contato incluem uma caixa de seleção indicando que os usuários permitem que você entre em contato com eles. Isso o ajudará a cumprir o GDPR.

Como você pode ver, criar um formulário de contato em vez de exibir um endereço de e-mail é uma escolha inteligente.

É possível adicionar um formulário de contato no WordPress sem um plug-in?

Existem alguns serviços de terceiros que permitem adicionar um formulário de contato ao WordPress sem usar um plug-in. No entanto, essas ferramentas normalmente exigem que você copie e cole códigos incorporados para exibir o formulário em seu site.

Se você é novo no uso do WordPress, pode achar confuso trabalhar com trechos de código. É por isso que recomendamos o uso de um plugin de formulário de contato do WordPress para facilitar todo o processo para usuários não técnicos.

Aqui está um exemplo de página de contato e formulário do WordPress que criaremos neste tutorial usando o plug-in de formulário de contato mais amigável para iniciantes do mercado:

Exemplo de como adicionar um formulário de contato no WordPress

Depois de seguir as instruções para criar o formulário de contato como o acima, mostraremos como adicionar o formulário aos posts, às páginas e à barra lateral do WordPress.

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

Como criar um formulário de contato no WordPress com o WPForms

Para este guia, usaremos o plug-in de formulário de contato do WPForms WordPress para criar um formulário de contato no WordPress. Na verdade, você pode criar qualquer formulário no WordPress com essa ferramenta e sua extensa biblioteca de modelos.

O construtor de formulários de arrastar e soltar do WPForms é o plug-in de formulário de contato mais amigável para iniciantes no mercado e é muito fácil de configurar. Ao contrário de plugins semelhantes, como o Jetpack e o Contact Form 7, ele tem muitos recursos para aprimorar os formulários no WordPress, com opções de campos personalizados, notificações, tags inteligentes e muito mais.

Há também uma versão gratuita e uma versão paga do WPForms. Embora o WPForms Lite tenha tudo o que você precisa para começar, usaremos a versão paga para obter a funcionalidade extra.

Veja a seguir as opções extras que você obtém ao fazer o upgrade para a versão paga:

  • O WPForms Pro permite que você use o plug-in em mais de um site.
  • Crie vários tipos de formulários, inclusive formulários de várias páginas, formulários de pagamento, formulários de upload de arquivos, formulários de assinatura de e-mail, etc.
  • Visualize os envios de formulários em seu administrador do WordPress com notificações por e-mail para novas mensagens.
  • Crie pesquisas com enquetes do WordPress em tempo real, classificações com estrelas e escalas Likert.
  • Crie páginas de formulário sem distrações no WordPress usando a solução de página de destino WPForms.
  • Integre-se a serviços populares de marketing por e-mail e plataformas de pagamento como MailChimp, Stripe e PayPal para aumentar sua lista de e-mails e aceitar pagamentos em seu site de comércio eletrônico.
  • Ele também funciona com o WPMail SMTP para melhorar a capacidade de entrega de e-mails.
  • O Google Recaptcha ajuda a evitar envios de spam.

Além disso, mais de 3 milhões de sites usam o WPForms. Além disso, eles também têm um público fiel na comunidade do WordPress. Portanto, dê uma olhada nas avaliações de usuários do WPForms no WordPress.org aqui.

Avaliações de usuários do plugin de formulário de contato WPForms

Confira esta análise do WPForms para obter ainda mais detalhes.

Siga estas etapas para saber como adicionar um formulário de contato no WordPress:

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.

clique no link Exibir chave de licença, detalhes e download no painel de controle de sua conta

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.

Clique no botão laranja para baixar o plugin de formulário de contato WPForms

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.

Use o modelo de formulário de contato simples do WPForms para criar um formulário de contato no WordPress

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ê.
O WPForms adiciona um formulário de contato simples no WordPress

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.

tornar os campos de formulário um requisito para as pessoas que usam seu formulário de contato

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.
Opções avançadas de formulário de contato do WPForms

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.

criar um formulário de contato configurações gerais

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

Configurações de notificação do formulário de contato

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á três tipos de mensagem de confirmação para escolher:

  1. Mensagem - Esse tipo de confirmação é a opção padrão para mostrar uma nota rápida informando aos visitantes que eles enviaram o formulário.
  2. 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.
  3. 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).

Formulário de contato do WPForms Mensagem de confirmação

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.

adicione o bloco WPForms do WordPress para criar um formulário de contato no WordPress

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.

Escolha seu formulário de contato na caixa suspensa

Agora, tudo o que você precisa fazer é publicar sua página. Em seguida, você poderá ver o formulário ao vivo em seu site.

Exemplo de um formulário de contato adicionado ao WordPress usando o WPForms

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.

adicione o formulário de contato à sua barra lateral usando o 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.

Formulário de contato publicado na barra lateral

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

Código de disparo do WPForms

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.

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

Preciso de conhecimentos de programação para adicionar um formulário de contato usando o WPForms?

Não, você não precisa de nenhuma habilidade de codificação para adicionar um formulário de contato usando o WPForms. O plug-in apresenta um construtor de formulários de arrastar e soltar que é amigável para iniciantes.

Adicionar um formulário de contato deixará meu site mais lento?

Em geral, o WPForms é otimizado para desempenho e não deve afetar significativamente a velocidade do seu site. No entanto, é sempre uma boa ideia monitorar o desempenho do seu site depois de adicionar novos recursos.

O WPForms é compatível com todos os temas do WordPress?

O WPForms foi projetado para ser compatível com a maioria dos temas do WordPress. No entanto, se você encontrar algum problema, a equipe de suporte estará disponível para ajudá-lo.

Qual é a segurança do WPForms?

O WPForms oferece vários recursos de segurança, como proteção contra spam e CAPTCHA. No entanto, é aconselhável tomar medidas de segurança adicionais para proteger seu site.

Qual é a diferença entre as versões gratuita e paga do WPForms?

The free version, WPForms Lite, offers basic functionalities for creating simple contact forms. The paid version provides additional features like payment forms, email subscriptions, and advanced fields.

Parabéns!

Agora você aprendeu a criar um formulário de contato fácil de usar no WordPress para que os visitantes do seu site possam entrar em contato com você facilmente e você nunca perderá uma mensagem. Não foi fácil?

Procurando outras maneiras excelentes de ampliar a funcionalidade do site de sua pequena empresa? Nosso guia definitivo sobre os melhores plug-ins do WordPress terá algumas ideias para você.

Esperamos que este artigo tenha sido útil para você. Se tiver achado, siga-nos no Twitter e no Facebook para obter mais tutoriais e dicas sobre o WordPress.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.