Como criar um formulário de contato no WordPress

Para que seus clientes ou visitantes do site entrem em contato com você, você precisa ter um formulário de contato em seu site. Nas instruções a seguir, descreverei como criá-lo no WordPress.

Ako si vytvoriť kontaktný formulár vo WordPress

Para que serve o formulário de contato?

O formulário de contato serve aos visitantes do site como uma ferramenta simples para entrar em contato com você. Os visitantes da Internet usam-no em vez de e-mail. É porque economiza tempo. Eles podem escrever sua mensagem diretamente no site sem precisar abrir o e-mail.

O formulário de contato também economiza seu tempo. E ele vai te dar todas as informações que você precisa:

  • Você configura campos no formulário para as informações que deseja das pessoas. Por exemplo, um número de telefone. É improvável que esta informação seja incluída no e-mail.
  • Você pode configurar respostas automáticas para notificar o usuário sobre informações básicas.

Além disso, o uso do formulário de contato protege você contra spam . Se você publicar apenas e-mails ativos na web, começará a receber muito spam.

Como adicionar um formulário de contato no WordPress

O WordPress oferece a capacidade de criar um formulário de contato usando um plugin. Eu pessoalmente recomendo usar o formulário de contato do plugin WPForms .

Este plugin é muito fácil de usar. Ele usa a ferramenta de arrastar e soltar e até mesmo um iniciante pode criar rapidamente um formulário de contato nele. Está disponível na versão básica gratuitamente .

Se você precisar usar recursos mais complexos, poderá atualizá-lo para o WPForms Pro . Além da versão gratuita, também contém a opção de armazenar os formulários enviados em um banco de dados, fazer upload de arquivos, modelos de formulários e outras funções práticas.

Você instala o plugin diretamente da administração do site. Após a instalação, não se esqueça de ativar o plugin. Você descobrirá o procedimento exato no meu artigo O que é um plug-in do WordPress? Como instalá-lo?

Na administração da página, você verá um novo item WPForms após ativar o plugin.

Criação de formulários usando WPForms

Para criar um novo formulário de contato, acesse a função WPForms> Adicionar novo . Você verá a seguinte página:

WPForms Adicionar Novo
Adicionar formulário de contato

Insira primeiro o nome do formulário de contato. Em seguida, escolha o modelo que deseja usar. A versão básica do WPForms oferece quatro modelos para criar formulários.

Formulário em branco – Se você selecionar um formulário em branco, poderá criar sua própria versão usando a função de arrastar e soltar.

Formulário de contato simples – este modelo oferece a possibilidade de usar um formulário pré-preparado. No entanto, você poderá adicionar e remover campos individuais conforme necessário.

Formulário de Cadastro de Newsletter – Neste template você irá criar um formulário para assinar a newsletter do seu site. Aqui você também pode adicionar e remover campos individuais de acordo com suas preferências.

Formulário de sugestão – você o usará se quiser pedir opiniões ou sugestões aos visitantes do site.

💡 Tip: Choosing the right hosting is crucial for a fast website ⏱ . I recommend betting on verified quality ➡️ Bluehost, SiteGround or GoDaddy.

Como criar um formulário simples

Continuaremos com a descrição de como criar um formulário usando o modelo Simple Contact Form .

Formulário de contato simples
Crie um formulário simples

Na parte direita da tela você encontrará campos pré-criados para adicionar nome, e-mail e mensagem. Ao passar o mouse sobre cada campo, você será solicitado a excluí-los e editá-los. Você também pode simplesmente agarrá-los com o mouse e movê-los para outro lugar no formulário.

Para adicionar um novo campo, vá para o menu no lado esquerdo da tela. Clique ou arraste o campo selecionado para a direita.

Certifique-se de clicar em Salvar para salvar o formulário de contato. Você encontrará o botão na parte superior da tela.

Definir propriedades do formulário

O formulário criado será exibido na página com o botão Enviar. Para definir o nome do botão em eslovaco, vá para Configurações> Em geral.

Configurações gerais do WPForms
Configurações gerais do formulário

Além disso, você encontrará várias outras opções de configuração aqui:

  • Nome do formulário – aqui você edita o nome do formulário de contato.
  • Descrição do formulário – usado para descrever o formulário.
  • Form CSS Class – permite que você insira sua própria classe para o formulário.
  • Enviar Texto do Botão – aqui você edita o texto do botão
  • Botão Enviar Texto em Processamento – preencha o texto a ser exibido após o envio do formulário.
  • Classe CSS do botão de envio – Este campo é usado para adicionar uma classe personalizada para o botão de envio.
  • Ative o honeypot anti-spam – recomendo deixar a janela nesta linha marcada. Esse recurso é usado para proteger contra o envio de spam de formulário.

Ao definir as propriedades na guia Geral , você não precisa editar nada, exceto o texto do botão Enviar e o texto que aparece após o envio do formulário.

Configurações de notificação por e-mail

Na guia Configurações> Notificações para mais opções de configuração. E essas são as configurações para notificações por e-mail. Estes são geralmente enviados para o endereço de e-mail do webmaster. Edite o assunto do e-mail para maior clareza das mensagens recebidas. Você pode editar outros campos, se desejar.

Notificações de configurações do WPForms
Configurações de notificação
  • Notificações – aqui você habilita ou desabilita a função de envio do formulário para seu e-mail. Eu recomendo deixar esse recurso ativado. Formulários individuais preenchidos não são armazenados em nenhum lugar. Uma notificação por e-mail é usada para informá-lo sobre eles.
  • Enviar para endereço de e-mail – preencha o endereço de e-mail para o qual o formulário deve ser enviado.
  • Assunto do e-mail – você também pode definir o assunto do e-mail.
  • From Name – o nome do remetente do e-mail. Aqui você encontrará o nome predefinido do seu site.
  • De e -mail – endereço de e-mail do remetente.
  • Reply-To – endereço de e-mail para a resposta.
  • Mensagem — o corpo do e-mail. Se você sair da configuração{all_fields} o e-mail conterá todos os campos do formulário.
💡 Tip for themes: From premium themes, I have good experience with themes Divi, Avada and with page builder Elementor.

Configurações de confirmação de envio de formulário

A confirmação do formulário é o que é exibido ao visitante do site após o envio do formulário. Você pode optar por agradecer por contatá-los ou redirecioná-los para a página da web selecionada. Você faz as configurações na guia Configurações> Confirmações.

Confirmações de configurações do WPForms
Enviar configurações de confirmação

Primeiro, escolha um tipo de confirmação. Há três opções para escolher no campo Tipo de confirmação :

  • Mensagem – exibe o texto digitado na janela abaixo.
  • Mostrar página – defina o redirecionamento para a página da web selecionada.
  • Ir para URL – insira o URL da página para a qual o visitante do site deve ser direcionado após o envio do formulário.

Editar, excluir e duplicar um formulário

Todos os formulários criados serão exibidos na lista de formulários após clicar em WPForms na administração da página. Ao passar o mouse sobre o nome do formulário, aparece um menu de funções disponíveis. Você pode optar por editar, visualizar, excluir ou duplicar o formulário.

A última das funções é o número de impressões. Este recurso está disponível apenas na versão Pro . Graças a ele, os formulários preenchidos são salvos diretamente na administração do site.

💡 Do you want a faster ⏱ website? Website speed is important for both visitors and SEO. I got the best results thanks to the WP Rocket plugin, which I highly recommend.

Como adicionar um formulário de contato a uma página do WordPress

Uma vez criado nas configurações de propriedades do formulário no WPForms, você ainda precisa colá-lo na página. Primeiro, abra a página existente que você deseja editar ou crie uma nova.

O código de acesso do formulário de contato é usado para adição. Você pode encontrá lo:

  1. na página de edição do formulário sob o botão Incorporarembed no canto superior direito,
  2. na página de lista de todos os formulários na coluna shortcode.

Crie um novo bloco na página onde deseja inserir o formulário de contato. Você insere um código de acesso nele. Lembre-se de salvar todas as alterações na página.

WPForms Inserir Shortcode
Inserir código curto

É assim que a página ficará depois de inserir um shortcode.

Inserir formulário de contato
Inserindo um formulário de contato na página

Como adicionar um formulário de contato à barra lateral

O formulário de contato no WordPress também pode ser adicionado à barra lateral, cabeçalho ou rodapé. Na administração, vá para a opção Aparência> Widgets. Na lista de widgets, role para baixo para encontrar WPForms.

Widgets WPForms
Widget WPForms

Você pode adicionar o formulário como qualquer outro widget disponível arrastando o mouse para o local selecionado.

Inserir formulário de contato na barra lateral
Adicionar um formulário de contato à barra lateral

Preencha o nome e selecione o formulário que deseja usar. Lembre-se de salvar suas alterações. Você também pode editar o formulário incorporado com uma visualização ao vivo.

Editar barra lateral
Ajuste do painel lateral com visualização

WPForms Premium vs WPForms Lite

A versão paga do WPForms Premium pode fazer as seguintes coisas úteis, por exemplo, em contraste com a versão gratuita (lite):

  • Capacidade de criar um número ilimitado de formulários.
  • Mais modelos de formulário.
  • Capacidade de usar lógica condicional para controlar a visibilidade dos campos de formulário.
  • Capacidade de criar formulários de várias páginas .
  • Capacidade de criar formulários para registro de usuários .
  • Proteção avançada contra spam.
  • Capacidade de fazer upload e receber arquivos através do formulário.
  • Tipos de campo avançados, como campos de data e hora.
  • Capacidade de salvar, visualizar e gerenciar respostas de formulários diretamente na administração do WordPress .
  • Integração com serviços de terceiros como: PayPal, Stripe, Mailchimp, AWeber, GetResponse, Constant Contact, Drip, Zapier…
Was this article helpful for you? Support me by sharing, please. 👍
WordPress Návod v PDF

LEAVE A REPLY

Please enter your comment!
Please enter your name here