Como adicionar um formulário de contato e página no WordPress? (Guia fácil)

Você está querendo saber como adicionar um formulário de contato no WordPress? Ou você quer aprender como adicionar uma página de contato no WordPress? Se sim, então, este guia é para você.

Para os sites, é necessário ter uma página de contato com um formulário de contato. Adicionar um formulário de contato permite que seus visitantes se conectem e interajam com seu site facilmente. Além disso, isso ajuda seus visitantes a esclarecer suas dúvidas e consultas sobre seus serviços ou produtos. Isso pode melhorar tanto a interação quanto a conversão em seu site.

Além disso, você pode coletar os endereços de e-mail de seus visitantes através do formulário de contato. Com as informações coletadas, você pode atualizar os clientes sobre produtos/serviços, campanhas, notícias, etc. Assim, ajuda a desenvolver relacionamentos fortes com os clientes.

Dito isso, você pode estar se perguntando se é fácil criar formulários de contato para o seu site WordPress ou não. Então, para te ajudar, preparamos um guia fácil de como adicionar um formulário de contato no WordPress.

Então vamos começar!

Por que precisa de um formulário de contato e página em seu site?

Antes de entrar nas etapas para adicionar o formulário de contato, vamos discutir os motivos pelos quais você precisa dele para o site.

• Acessibilidade: Ao usar formulários de contato, seus visitantes podem acessar facilmente seu site. Porque nem todos os clientes vão verificar o e-mail ou a plataforma social apenas para entrar em contato com seu site.
• Colete informações facilmente: Você pode tornar algumas informações obrigatórias para serem preenchidas. Você obterá facilmente as informações necessárias dos visitantes, como nome, informações de contato, etc. Como não pode ser coletada pelo método antigo, apenas adicionando seu e-mail endereço no site.
• Proteção contra spam: protege você contra spam, que é uma dor de cabeça. Adicionar um endereço de e-mail não é um método eficaz que o expõe a spammers e eles podem enviar mensagens de spam facilmente. Portanto, para evitar spambots irritantes, use formulários de contato para permitir que os visitantes entrem em contato com você.
• Controle sobre as informações: Você pode ter controle total sobre as informações coletadas com formulários de contato através do seu site. Em vez de trocar vários e-mails, o que é um incômodo para usuários e proprietários de sites.
• Informações organizadas: você receberá informações organizadas, pois a maioria dos formulários de contato inclui linhas de assunto, nome do destinatário, mensagem, etc.

Com isso dito, agora vamos ver como fazer formulário de contato e página de contato no WordPress.

Qual é a melhor maneira de adicionar um formulário de contato no WordPress?

Como já sabíamos sobre a importância de ter um formulário de contato no WordPress. Agora, também precisamos descobrir a melhor maneira de criar um formulário de contato no site. Então, vamos discutir algumas maneiras de adicionar formulários de contato.

Geralmente, os desenvolvedores podem se codificar para criar um formulário de contato em seu site. É uma das formas de ter um formulário de contato. Mas nem todo mundo que quer um site tem habilidades de codificação.

Felizmente, no WordPress, não há necessidade de codificar! Existem muitos plugins fáceis de usar que ajudam você a criar formulários de contato super rápido e super fácil. O melhor de tudo é que a maioria deles está disponível gratuitamente.

Então, aqui estão alguns dos melhores plugins de formulário de contato do WordPress que você pode usar:

1. Formulários WP

WPForms é um plugin de construtor de formulários WordPress amigável para iniciantes. Ele permite que você crie formulários incríveis sem habilidades de codificação. Este plug-in fornece modelos pré-criados de diferentes tipos de formulários para iniciar sua tarefa sem esforço. Assim, você pode criar facilmente qualquer formulário, como formulários de contato, formulários de feedback, formulários de assinatura, formulários de pagamento, etc.

Preços:

Embora o plug-in WPForms seja gratuito e possa ser baixado do WordPress.org, você pode atualizar para a versão premium. A versão premium é dada como:

• Plano Básico: $ 31,60/ano
• Plano Plus: US$ 79,60/ano
• Plano Pro: US$ 159,60/ano
• Plano Elite: US$ 239,60/ano

2. Formulário de contato 7

O Contact Form 7 é o plugin de formulário de contato gratuito mais popular do WordPress, com mais de 5 milhões de instalações ativas. Ele permite que você crie e gerencie vários formulários de contato facilmente. Além disso, inclui outros recursos como CAPTCHA, integração com filtragem de spam Akismet e assim por diante.

Preços:

O plug-in Contact Form 7 é totalmente gratuito para usar e baixar do WordPress.org.

3. Formas Ninja

Ninja Forms é mais um plugin impressionante para criar belos formulários do WordPress. Você pode facilmente arrastar e soltar uma variedade de campos de formulário em layouts de linha e coluna. O plug-in ajuda você a criar não apenas formulários de página única, mas também de várias páginas. Além disso, permite que os usuários façam upload de arquivos de qualquer formato, como arquivo doc, pdf, planilha do Excel, etc.

Preços:

O plugin Ninja Forms fornece uma versão gratuita que pode ser usada no WordPress.org. Ele também tem a versão premium. O plano de preços da versão pro é:

• Plano pessoal: $ 49,50
• Plano Profissional: $ 99,50
• Plano da agência: US$ 249,50

Nossa recomendação - WPForms

Entre os plugins mencionados, escolhemos o WPForms para este tutorial.

Porque o WPForms é o plugin mais fácil de usar para criar qualquer tipo de formulário. Ele também permite que você insira facilmente seus formulários nas postagens do blog, páginas, barra lateral, widgets, rodapé e muito mais.

Além disso, você também pode receber notificações instantâneas enquanto recebe o formulário enviado pelos clientes.

Como criar um formulário de contato no WordPress?

Aqui, estamos passando pelo processo passo a passo para criar um formulário de contato em seu site WordPress usando o plug-in WPForms. Além disso, você pode usar qualquer tema do WordPress para o seu site. Aqui, usaremos o tema Astra.

Então, vamos conferir os passos abaixo:

Etapa 1: instalar e ativar o WPForms

Antes de tudo, faça login no painel do seu site WordPress. Em seguida, vá para o menu Plugins e clique em Adicionar novo .

Depois disso, você pode ver uma barra de pesquisa no canto superior direito do seu painel. Lá você precisa digitar “WPForms” para pesquisar o plugin para instalação.

Depois de encontrar o plug-in, clique no botão Instalar agora .

Depois de concluir a instalação, você pode ver o botão Ativar . Clique nele para ver se o plugin está funcionando.

Depois de ativar o plugin, você pode ver um menu extra 'WPForms ' em seu painel.

Etapa 2: criar um formulário de contato

Agora, você poderá começar a criar seu formulário de contato facilmente.

Primeiro, vá para o menu WPForms e clique em Adicionar novo no seu painel.

Depois de clicar em Adicionar novo, você será direcionado para a página de configuração . Você pode escrever o nome do seu formulário antes de criar um. Lá, você pode ver os modelos e usá-los para criar diferentes tipos de formulários. Além disso, você pode obter o formulário em branco para criar do zero.

Portanto, existem 2 métodos: usar um modelo e criá-lo do zero. Os passos para cada método são dados abaixo. Agora, vamos começar!

Método 1: use um modelo

Aqui estão as etapas para criar um formulário de contato usando o modelo.

Depois de encontrar seu modelo adequado, ao passar o mouse sobre ele, você verá o botão “Usar modelo '. Clique nisso. Ou antes de usar o modelo, você pode simplesmente clicar no botão 'Ver Demo ' para ver como o formulário aparece.

Selecionamos o modelo ' Formulário de contato simples ' para mostrar uma demonstração.

Depois de clicar no modelo, você irá editar a página do formulário. Lá, você pode ver a seção Campos no lado esquerdo para adicionar quaisquer campos usando o menu “Adicionar campos” . Você pode ver campos padrão e outras opções de campos, que podem ser simplesmente arrastados para adicionar campos no modelo.

Além disso, você pode personalizar o conteúdo dos campos adicionados conforme desejar. Para isso, acesse o menu “ Opções de campo ”, onde você pode alterar facilmente o rótulo, os formatos, as descrições e assim por diante.

Método 2: Criar um formulário do zero

Para criar um formulário do zero, vá para a seção “Formulário em branco” . Em seguida, passe o mouse sobre ele e clique no botão Criar formulário em branco .

Agora, você será direcionado para a seção de edição do “Formulário em Branco”. Lá você pode ver as opções de campo padrão na seção Campos , usando o menu “Adicionar Campos ”.

Basta arrastar e soltar os campos obrigatórios para incluir em seu formulário, conforme explicado em “Método 1: Use um modelo”. Você pode inserir qualquer campo de acordo com sua escolha. Além disso, edite o conteúdo do campo com o mesmo processo indo nas “ Opções do Campo ”.

Excluir e reordenar campos

Depois de personalizar o conteúdo do seu formulário de qualquer um dos 2 métodos, você também pode excluir o campo. Se você clicar em qualquer campo, poderá ver o ícone de exclusão. Vá para o ícone Excluir e clique no botão “ OK ” para excluí-lo.

Além disso, para reordenar o campo, clique em um campo específico, onde você encontrará “ Arraste para reordenar ”. Você só precisa arrastar e colocar em campo e organizá-los na ordem desejada.

Após a conclusão da edição do seu formulário, de qualquer forma, clique no botão Salvar no canto superior direito.

Etapa 3: definir as configurações do formulário

Indo além, a próxima etapa é definir as configurações do formulário que você acabou de criar. Para fazer isso, vá para a seção Configurações no lado esquerdo da tela do WPForms. Lá, você encontrará 3 opções de configuração: Geral, Notificação e Confirmações. Como estamos usando a versão gratuita, outras opções estão disponíveis apenas para usuários profissionais.

Agora, vamos configurar todas as 3 opções.

Em geral

O primeiro é as configurações gerais . Lá, você pode configurar diferentes opções como nome do formulário, descrição do formulário, texto do botão de envio, etc. Você pode personalizar esses conteúdos como quiser. Acima de tudo, você precisa “ Ativar proteção anti-spam ” para evitar bots de spam e mensagens de spam.

Abaixo disso, você também poderá configurar seções avançadas, como adicionar uma classe CSS para formulários e botões, etc. Você pode simplesmente deixar as configurações padrão, mas não se esqueça de clicar no botão Salvar depois de configurá-las.

Notificações

A Notificação permite que você receba alertas quando os visitantes enviarem seus formulários. Nesta configuração, você pode configurar como receberá e-mails ou mensagens.

Por padrão, existem “ Ativar notificações ”, mas você pode desativá-las para evitar notificações.

O primeiro elemento a configurar é “ Enviar para endereço de e-mail ”. Já existem tags inteligentes que usam e-mails de administrador nas configurações do WordPress. No entanto, você também pode adicionar outros endereços de e-mail de destinatários usando vírgulas .

O próximo é “ Email Subject Line ” que por padrão é escrito “New Entry”, seguido do nome do formulário. Mas usando etiquetas inteligentes, você também pode adicionar opções de campo.

Seguindo em frente, você também pode personalizar o conteúdo do From Name . Da mesma forma, From Email está definido para o endereço de email do administrador por padrão, mas você pode simplesmente inserir o email de um remetente diferente.

O outro elemento é " Endereço de e-mail de resposta ", que é usado como destinatário de todas as respostas. Portanto, é melhor definir o elemento From Email para seu próprio endereço de email ou para o email do administrador.

O elemento final é a mensagem de e- mail que, por padrão, contém todos os campos. Mas você pode personalizar o conteúdo do e-mail.

Confirmações

As confirmações são a última seção da configuração. Aqui, ele permite configurar mensagens de confirmação para visitantes que enviaram seus formulários.

O elemento Confirmation Type oferece 3 opções: mensagem, mostrar página e ir para URL.

A primeira é uma Mensagem que é exibida assim que os usuários enviam seu formulário. Você também pode personalizar o conteúdo da mensagem no elemento Mensagem de confirmação .

A outra opção é Mostrar página . Nesta opção, você pode direcionar os visitantes que enviaram o formulário para qualquer uma das páginas do seu site. Você pode inserir o nome da página na página de confirmação .

A última opção é Ir para URL . Isso redireciona seus visitantes para qualquer URL que você inseriu no URL de redirecionamento de confirmação . Basta adicionar qualquer link das páginas que você deseja que seus visitantes redirecionem.

Etapa 4: salve seu formulário de contato

Por fim, clique no botão Visualizar para ver como seu formulário aparece para seus usuários. Se você acha que seu formulário está perfeito, basta clicar no botão Salvar .

Como adicionar uma página de contato no WordPress?

Depois de terminar de criar o formulário, vamos dar uma olhada em como adicionar um formulário à sua página. Então, vamos começar!

Passo 1: Crie uma nova página no seu site WordPress

Antes de tudo, você precisa criar uma nova página em seu site para adicionar formulários. Então, vá para o painel, clique nas Páginas e vá em Adicionar Novo para adicionar uma nova página em seu site.

Depois disso, você será levado para a seção de edição da página.

Etapa 2: adicione seu formulário de contato na página e publique

Depois de criar uma nova página, adicione um título para sua página como escrevemos: “Fale Conosco”. Agora clique no botão + em “Digite/ou escolha um bloco”. Então, você verá a barra de pesquisa onde você precisa digitar “WPForms”.

Depois de encontrar o WPForms, clique nele e o assistente do WPForms aparecerá no seu editor de texto. Agora, clique em “Select a Form” onde você terá as opções de formulários que você criou. Selecione qualquer um dos formulários que deseja incorporar em sua página e o formulário aparecerá em seu editor de texto.

Depois de adicionar o formulário à sua página, clique no botão Publicar no canto superior direito para publicar sua página de contato.

Etapa 3: exibir o link da página de contato em seu site

Agora que você publicou sua página "Fale conosco", talvez não veja o link da página na página inicial do site. Para isso, você precisa adicionar o link da página “Fale Conosco” em um local visível, como um menu, rodapé ou seção da barra lateral.

Então, vamos dar uma olhada em como adicioná-lo.

Adicionando o link da página de contato no menu

Para isso, faça login no painel e vá até Aparência>Menus . Lá, você verá uma estrutura de menu no lado direito. Ele contém um formulário para criar um novo menu.

Por ser um menu de cabeçalho, você precisa dar o Nome do Menu por sua escolha, aqui escrevemos “Menu Primário”.

Depois disso, marque o “ Menu Primário ” que está dentro das Configurações do Menu . Em seguida, clique no botão Criar Menu .

Depois disso, você verá a seção Página no lado esquerdo, clique em “Visualizar tudo”. Lá, você verá a página Fale Conosco que você publicou recentemente, apenas marque-a. Você também pode adicionar alguns links personalizados ou quaisquer outras páginas que deseja ter em seu menu. Em seguida, clique no botão Adicionar ao menu .

Por fim, clique no botão Salvar Menu depois de adicionar a página de contato no canto inferior direito.

Agora, vá para o botão “Gerenciar com visualização ao vivo” na parte superior da seção do menu. Você será direcionado para a seção de edição ao vivo.

Aqui, você verá o item de menu Fale Conosco na seção de cabeçalho. Se você clicar nesse menu, você irá para o link da página Fale Conosco .

Adicionando formulário de contato na barra lateral

Agora que você adicionou o link da página de contato no menu, você também pode querer ter o formulário de contato na barra lateral. Você pode fazer isso permanecendo na página de edição salvar ao vivo.

Clique no botão de seta para trás dos Menus . Você verá várias opções que podem ser personalizadas e editadas. Basta clicar na opção Widget .

Agora, você pode ver a barra lateral principal , clique nela.

Lá, você verá o botão + , clique nele e pesquise WPForms. Depois de encontrá-lo, clique no widget WPForms.

E selecione um formulário que você deseja na sua barra lateral. Agora, você está pronto.

Além disso, você pode arrastar seu formulário de contato na parte superior ou em qualquer lugar que desejar exibi-lo na barra lateral.

Adicionando o link da página de contato no rodapé

Adicionar um link de página de contato no rodapé é semelhante ao do menu de cabeçalho. Vá para a Aparência e clique na opção Menus do seu painel.

Lá você pode ver a Estrutura do Menu no lado direito. Dê o Nome do Menu de sua escolha, embora tenhamos escrito “Links Importantes”. Agora, marque o menu Rodapé e clique no menu Criar .

Vá para a seção Páginas e marque a página Fale Conosco e clique em Adicionar ao Menu .

Além disso, você pode adicionar alguns links personalizados ou outras páginas do site ao seu menu de rodapé. Depois disso, clique no botão Salvar Menu . Em seguida, clique em Gerenciar com visualização ao vivo .

Na seção de rodapé, você pode ver o ícone Editar , clique nele para adicionar seu menu de rodapé. Basta clicar na seção, você deseja exibir seus links. Agora, entre as 3 linhas que aparecem, você verá 1 linha e 1 coluna que tem escrito “Copyright”.

Você pode simplesmente clicar na seção Direitos autorais . Lado a lado no lado esquerdo, você pode ver Coluna na seção Geral . Agora, clique na coluna e defina-a em 2 colunas. De volta à seção de rodapé, você pode ver 2 colunas.

Agora, clique na segunda coluna onde você pode ver o botão + . Depois de clicar, você verá algumas opções. Entre eles, clique no Menu Rodapé para adicionar seus links. Depois disso, clique no botão Ocultar que está no canto inferior direito. Agora, você pode ver o link da sua página de contato no rodapé.

Depois de adicionar os links da página de contato ou o formulário de contato, não se esqueça de clicar no botão Publicar , que fica no canto superior esquerdo da sua página de edição ao vivo.

Etapa 4: visualize sua página de contato e teste-a para ver se está funcionando

Finalmente, seu formulário de contato e sua página estão prontos. Além disso, você adicionou os links no menu de cabeçalho e rodapé e exibiu o formulário de contato na barra lateral.

Agora para ver como sua página publicada aparece, vá para o painel e clique em Páginas>Todas as Páginas . Agora, você pode ver a página Fale Conosco , passe o mouse sobre ela e clique em Exibir . Você pode ver na imagem abaixo como a página “Fale Conosco” aparece.

Você também pode testar como seu formulário de contato funciona. Para isso, preencha o formulário e clique no botão Enviar . Depois disso, ele mostra uma mensagem de “obrigado” ou o conteúdo que você personalizou ao criar seu formulário.

Assim, você terminou de adicionar seu formulário de contato e páginas.

Conclusão

Isso é tudo, pessoal! Chegamos ao final do nosso artigo.

Esperamos que este guia tutorial tenha ajudado você a aprender como adicionar um formulário de contato no WordPress. Você pode criar facilmente um formulário de contato e adicioná-lo à sua página seguindo este guia passo a passo. Se você ainda não criou um, siga nosso guia fácil para criar o seu.

Se você tiver mais dúvidas sobre como adicionar um formulário de contato, sinta-se à vontade para nos perguntar. Retornaremos o mais breve possível. Além disso, compartilhe este artigo com seus amigos e colegas.

Você também pode gostar do nosso artigo sobre como iniciar um blog e como adicionar botões de compartilhamento de mídia social ao WordPress.

Não se esqueça de nos seguir no Facebook e Twitter para mais artigos úteis.