Formulário de contato no WordPress: guia de instalação

Se você tem um site com WordPress mas não instalou um formulário de contato, pode ter certeza de que algum visitante já desistiu de falar com você só por causa disso.

Uma página de contato sem formulário (ou seja, apenas com um endereço de e-mail por escrito) mostra falta de profissionalismo e preguiça.

É como se você estivesse falando para o usuário: “se quiser falar com a gente, se vira aí”.

Sendo assim, fiz esse post:

• Para quem está colocando o seu site no ar agora e não faz ideia de como criar um formulário de contato no WordPress;
• Para você que precisa de formulários com mais campos e/ou funções (como respostas automáticas, por exemplo);
• E para ajudar a solucionar problemas como quando o formulário de contato não envia as mensagens para o seu e-mail.

Vamos lá?!

Melhor plugin de formulário: Contact Form 7

Com tantos novos meios de contato como WhatsApp e chat ao vivo, tem um que ainda resiste bravamente: o formulário de e-mail. A princípio essa ainda é a opção mais profissional e formal para contatos através da internet.

O Contact Form 7 é o plugin de formulário mais utilizado por quem tem sites em WordPress: São mais de 5 milhões de instalações ativas. Então, o foco desse post será esse plugin!

Com o CF7 você pode criar e gerenciar vários formulários de contato, assim como personalizar o que irá chegar por e-mail e até mesmo uma resposta automática.

E o melhor: o plugin é gratuito, então facilita bastante a vida de quem está começando agora e não tem dinheiro para investir em soluções mais robustas.

Como criar e editar campos no formulário?

Na aba Formulário há uma série de botões que representam cada campo que pode ser inserido em seu formulário de contato.

Ao clicar em um dos botões (no de texto, por exemplo, que é um campo simples), uma janela com opções de personalização como essa irá aparecer:

Veja para que serve cada uma das opções do exemplo:

• Tipo de campo serve para definir se o campo é obrigatório ou não;
• Em Nome você pode deixar o texto que o plugin gerar automaticamente (isso não irá aparecer para os visitantes do site);
• No campo Valor padrão é possível definir um texto para aparecer automaticamente dentro do campo. Pode ser algo fixo ou que desaparece quando o usuário seleciona o campo (para isso utilize a opção Utilize este texto como espaço reservado);
• Se você tem o plugin Akismet instalado, a opção com o mesmo nome serve para aplicar um filtro anti-spam em alguns campos do formulário (como nome e e-mail);
• Por fim, em ID do atributo e Classe do atributo é possível definir ID e classes para o campo (ideal se você tem personalizações via CSS ou funções via JavaScript, por exemplo).

Ao clicar em Inserir tag, o campo será inserido em formato de shortcode na área de edição do formulário – algo como [text* nomedocampo class:classe placeholder "Texto padrão"], por exemplo.

Aliás, você pode utilizar tags HTML nessa área para deixar seu formulário personalizado. Veja um modelo de formulário simples que utilizo em uma das páginas da WOWF:

<label for="seu-nome">Seu nome:</label>
[text* your-name id:seu-nome akismet:author] 

<label for="seu-email">Seu e-mail:</label>
[email* your-email id:seu-email akismet:author_email] 

<label for="assunto">Assunto:</label>
[text* your-subject id:assunto] 

<label for="mensagem">O que você precisa?</label>
[textarea* your-message id:mensagem]

[submit "Enviar"]

O resultado final (com as devidas personalizações através do CSS do tema) é esse:

Como formatar o modelo de e-mail?

Na aba Mail é possível personalizar o que você irá receber por e-mail quando alguém preencher seu formulário de contato.

Cada campo dessa área funciona da seguinte forma:

• No campo Para você configura o e-mail que receberá as mensagens.
• Já no campo De você configura o e-mail usado para enviar essas mensagens – mas como você verá a seguir, o ideal é que seja uma conta de e-mail do mesmo domínio do site.
• Em Assunto é possível configurar o texto do assunto das mensagens.
• Em Cabeçalhos Adicionais é recomendável deixar a opção Reply-To: [your-email] para que você consiga responder à pessoa que te enviou a mensagem.
• Por fim, em Corpo da Mensagem é feita a formatação do e-mail. Você também pode utilizar HTML nessa parte.

Repare que há shortcodes para todos os campos que foram definidos na aba Formulário. No entanto, eles são bem mais simples – há apenas o nome de cada campo entre colchetes.

Ademais, na aba Mensagens você configura as mensagens que podem ser exibidas para o usuário quando ele tenta enviar a mensagem (erros, campos que não foram preenchidos, mensagem enviada etc).

Como criar respostas automáticas?

Ainda na aba Mail há a opção Mail (2), na qual é possível definir o envio de uma mensagem para um segundo destinatário. Assim, é nessa área que você pode configurar uma resposta automática.

Como você pode ver, as opções são exatamente as mesmas que constam na mensagem principal.

Nesse caso, em Para você deve adicionar o shortcode correspondente ao e-mail do visitante.

O exemplo ilustrado acima é de mais um formulário da WOWF, dessa vez de pedido de plano de hospedagem. Ao preencher um formulário, o usuário recebe uma resposta automática com um resumo do plano. Veja um recorte desse e-mail:

Veja que é possível utilizar HTML em Corpo da Mensagem, então você pode deixar a resposta automática muito bem formatada.

Configurando o WordPress para enviar e-mails de um formulário de contato

Como você pode ver acima, ter um formulário de contato no WordPress é muito fácil e o resultado final pode ser bem profissional.

Porém, a coisa pode ficar bem complicada em relação aos disparos – ou seja, envio das mensagens preenchidas nos formulários.

Muitas vezes não basta instalar o formulário e esperar os contatos: é preciso configurar essa parte de envios.

Por que não estou recebendo e-mails do formulário de contato?

Por incrível que pareça, isso é muito comum.

Também há casos em que a hospedagem simplesmente não fornece suporte a envio de e-mails (ou seja, não consta em seu plano).

Sendo assim, por esses e outros motivos, é recomendável utilizar servidores autorizados para envio de e-mails através de sites em vez de servidores genéricos de hospedagem.

A melhor forma de fazer isso é utilizar seu próprio provedor de e-mails (como Google Workplace, Zoho Mail, Yandex Mail ou até mesmo o Gmail) ou algum serviço especializado (como Mailgun ou SendGrid, por exemplo).

A solução mais simples, além de gratuita, é utilizar sua própria conta de e-mail.

Como configurar o WordPress para disparos de e-mail?

O plugin WP Mail SMTP by WPForms faz com que as mensagens do formulário de contato do seu site WordPress seja disparado utilizando o SMTP da sua conta de e-mail.

Mas não se preocupe: isso é bem fácil de configurar. O primeiro passo é instalar o plugin:

Lembrando: em Plugins, clique em Adicionar novo, e então pesquise por WP Mail SMTP. Na lista de plugins, clique em Instalar agora e, quando a instalação for concluída, em Ativar.

Em seguida, no menu do seu WordPress, clique em WP Mail SMTP e Configurações.

A primeira coisa que você deve fazer é cadastrar o email que será utilizado para disparos em E-mail do remetente. O ideal é que esse e-mail seja do mesmo domínio do seu site.

Marque também a opção Forçar e-mail remetente, porque isso garante com que o WordPress como um todo utilize exatamente esse endereço de email para os envios.

Em Nome do remetente você deve cadastrar o nome que aparecerá nas mensagens de e-mail. Por fim, em Mailer, selecione a opção desejada de acordo com seu provedor de e-mail.

Eu utilizo o Zoho Mail, mas mesmo assim seleciono a opção Outro SMTP porque acho mais fácil de configurar:

Se você selecionar a mesma opção, siga então as recomendações de SMTP do seu servidor para Host do SMTP, Criptografia e Porta SMTP.

Certifique-se de marcar como ativa a opção Autenticação, que é obrigatória na maioria dos servidores.

Por fim, preencha o campo Usuário SMTP com o endereço de e-mail que fará os disparos e o campo Senha SMTP com a senha deste mesmo e-mail.

Para facilitar, mais abaixo há dados do servidor SMTP do Google, Zoho e Yandex:

Dados SMTP do Google Workspace / Gmail

• Host do SMTP: smtp.gmail.com
• Criptografia: TLS
• Porta: 587
• Autenticação: sim
• Usuário SMTP: seu endereço de e-mail
• Senha SMTP: a senha do seu endereço de e-mail

Dados SMTP do Zoho Mail

• Host do SMTP: smtp.zoho.com
• Criptografia: TLS
• Porta: 587
• Autenticação: sim
• Usuário SMTP: seu endereço de e-mail
• Senha SMTP: a senha do seu endereço de e-mail

Dados SMTP do Yandex Mail

• Host do SMTP: smtp.yandex.com
• Criptografia: SSL
• Porta: 465
• Autenticação: sim
• Usuário SMTP: seu endereço de e-mail
• Senha SMTP: a senha do seu endereço de e-mail

Teste para ver se está tudo funcionando como deveria!

Para testar o envio de e-mails, no painel do WP Mail SMTP há a aba Teste de e-mail. Basta colocar seu e-mail em Enviar para e clicar em Enviar e-mail.

Depois de alguns segundos, cheque se você recebeu o e-mail. Caso ocorra algum erro, o próprio plugin irá avisar na mesma tela, logo abaixo do botão de envio.

Não se esqueça de checar sua pasta de spams durante os testes.

Além disso, teste também todos os seus formulários de contato como se você fosse um cliente. Veja se os campos estão configurados corretamente, se não há erros e se, de fato, você recebe as mensagens de e-mail como deveria.

Caso ocorra algum problema com a entrega dos e-mails, você deve entrar em contato com o suporte do servidor de e-mails para resolução de problemas e/ou orientação.

Tenha backups de e-mails e contatos no WordPress com o plugin Flamingo

Pra finalizar, o plugin Flamingo é indispensável para quem utiliza o Contact Form 7.

Sua função é simples: quando instalado, o plugin irá armazenar em seu painel WordPress todas as mensagens recebidas através de formulários de contato e até mesmo os dados de contato de comentários realizados em seu site.

Para instalar o Flamingo, basta seguir os passos básicos: em Plugins, clique em Adicionar novo, e então pesquise por Flamingo. Na lista de plugins, clique em Instalar agora e, quando a instalação for concluída, em Ativar.

Não é preciso configurar nada. Ou seja, o plugin irá coletar os dados de todos os formulários automaticamente a partir do momento em que estiver ativo.

Então, mesmo que você não esteja recebendo as mensagens em sua conta de e-mail, estará tudo armazenado em seu painel do WordPress.

Créditos das imagens: Freepik e sites citados.

Compartilhe!