Como adicionar um formulário de contato no seu site WordPress

wordpress adicionar formulário de contato

Exibir um formulário de contato no seu site é muito importante. Com ele, seu público tem acesso direto a você, o que favorece futuras parcerias. Por exemplo, dificilmente outra empresa ou blogueiro falaria de negócios contigo através dos comentários. Nesse momento o formulário se mostra útil, já que é um canal de comunicação direta e privada.

Por se tornar um elemento tão comum na usabilidade para internet, o formulário de contato é obrigatório como sinal de confiança. E hoje você vai aprender como inseri-lo no seu site de maneira muito simples através do Contact Form 7.

Para isso, precisamos primeiro instalar o plugin.

Como instalar o plugin Contact Form 7

plugins adicionar novo

Faça login no seu WordPress e na área de administração, no menu lateral direito, clique em Plugins » Adicionar novo.

buscar contact form 7

Agora, na tela de instalação de plugins, digite no formulário de pesquisa no canto direito superior “Contact form 7”.

instalar contact form 7

Depois, ao término da pesquisa, basta identificar o plugin, clicar no botão Instalar agora e depois em Ativar.

configurando formulario de contato

Uma vez que você tenha instalado e ativado o Contact Form 7, um novo item aparecerá no menu do painel de administração do WordPress chamado “Contato”. É através dele que vamos trabalhar todos os recursos disponíveis no plugin.

Nele, há 3 opções:

  • Formulários de contato: onde ele mostra todos os formulários criados.
  • Adicionar novo: em que há opção de criar um novo formulário personalizado.
  • E integração: onde se pode conectar com outros serviços, sendo eles o Constant Contact e o Recaptcha.

Como criar um novo formulário de contato

Para criar um novo formulário de contato, é necessário, no menu lateral (da imagem acima) clicar em Adicionar novo.

adicionar novo formulario

Feito isso, será mostrada a tela de criação de formulário.

A primeira coisa que deve ser feita é dar um nome ao seu formulário onde está escrito “Entre o título aqui”. Esse nome será utilizado para identificar o seu form, por isso, use algo que seja fácil de lembrar.

exibindo configuracoes do formulario de contato

Como exemplo, demos esse nome para o nosso:

titulo formulario de contato

Para ajudar o usuário, o Contact Form 7 cria um formulário simples padrão que já contém os campos:

  • Seu nome;
  • Seu e-mail;
  • Assunto;
  • e Sua mensagem.
formulario de contato campos

Sei que visualmente pode ser assustador ver esses códigos, mas para você entendê-los de forma simples, vamos pegar o primeiro:

<label> Seu nome (obrigatório)

[text* your-name] </label>

O campo em verde é uma tag HTML que indica que tudo que está entre eles é uma mesma parte do formulário; O campo azul indica o texto que será mostrado para o usuário; O campo em vermelho indica o tipo de campo (que é “text”, ou seja, texto) e o asterisco roxo indica que o campo é obrigatório. Em outras palavras, que a mensagem não deve ser enviada se esse campo estiver vazio.

Porém, não precisa se preocupar com isso. Caso queira apenas o formulário padrão (o que recomendo), clique no botão salvar, no canto esquerdo superior.

salvando formulário de contato

Agora que o formulário foi salvo, o Contact Form 7 te dá um shortcode (marcado pela cor azul, como mostra a imagem abaixo), que é um pequeno trecho de código que te possibilita adicionar o formulário de contato em qualquer site ou post que você quiser.

titulo do formulario de contato

Porém, antes de você inserir em uma das páginas do seu site, é necessário fazer uma última alteração, que é indicar para o plugin qual e-mail vai receber as mensagens.

Como configurar o formulário para receber e-mails

Para configurar a entrega de e-mails, é necessário clicar na aba Mail do campo de configurações do Contact Form 7.

E altere o campo Para para o e-mail que receberá as mensagens.

formulario de contato campo de email

É recomendado informar seu e-mail pessoal para receber as mensagens. E sempre teste se o envio de e-mail está funcionando porque alguns provedores de hospedagem tem políticas que acabam bloqueando o envio de e-mail.

Agora que você definiu que e-mail receberá as mensagens, clique em Salvar.

salvar formulario de contato

Como mostrar o formulário no seu site

Para mostrar o formulário, basta copiar o shortcode que o Contact Form 7 gerou para você e colar o código na página (ou no post) que você quiser.

Por exemplo:

exibindo formulario de contato

Como editar um formulário de contato

Digamos que você tenha criado o seu formulário de contato, tenha gostado dele, mas precisou editar alguma coisa. O que fazer?

configurando formulario de contato

Primeiro, vá em Contato » Formulários de Contato

Se você seguiu o tutorial até agora, na tela de formulários de contato, você verá dois formulários:

  • Formulário de Contato 1: que o Contact Form 7 cria automaticamente quando é instalado. Não se preocupe com ele.
  • E seu formulário de contato que você criou faz pouco tempo.
editando formulario de contato

Para editar o formulário, basta passar o mouse em cima do nome dele e clicar no botão “Editar”. Dessa forma, será aberta a tela de edição de formulário em que você poderá fazer a alteração que quiser.

Como excluir um formulário de contato

Para excluir, basta clicar em Deletar, no campo esquerdo superior da tela de edição de formulário.

deletar formulário de contato

Conclusão – Recapitulando: Como adicionar um formulário de contato usando o Contact Form 7.

No artigo de hoje você aprendeu:

  • Como instalar o Contact Form 7.
  • Como criar, configurar, mostrar, editar e excluir um novo formulário de contato.

Caso o envio de e-mail não funcione, entre em contato com a empresa que hospeda seu site para verificar qual o procedimento para enviar e-mails pelo WordPress.

Qualquer dúvida, fique a vontade para perguntar nos comentários. E, caso queira se aprofundar mais ainda no assunto, veja a documentação (uma série de tutoriais completos) sobre o Contact Form 7 (disponível apenas em inglês).