Como configurar o Contact Form 7 no WordPress

WordPress

Como o WordPress não tem um formulário de contato padrão, vamos mostrar como implementar o famoso plugin para formulário de contato Contact Form 7.

Também vamos discutir a configuração do servidor SMTP e respostas para problemas típicos na configuração desse plugin.

Passos básicos

Instale o WP e-mail SMTP

Por diversos motivos muitos servidores não irão funcionar apenas com a instalação do contact form, assim como não irá aceitar que utilize contas de e-mail de outro provedor. Sem problemas, vamos apenas instalar o WP-e-email SMTP e assim poderemos utilizar o formulário de contato sem maiores problemas.

  • Em seu painel do WordPress navegue para Plugins> Adicionar Novo
  • Pesquisa: wp-mail SMTP
  • Clique em Procurar Plugins
  • WP e-mail SMTP irá aparecer no topo da lista (versão 0.9.1 no momento da escrita)
  • Clique em Instalar Agora
  • Clique em OK
  • Clique em Ativar Plugin

Configurando o WP Mail SMTP

Agora que instalamos o WP Mail SMTP podemos iniciar a configuração desse plugin.

  • Na lista de plugins, clique em “Configurações” no WP-mail SMTP
  • From Email: seuemail@seuprovedor.com.br
  • From Name: Seu Nome
  • Mailer : Send all WordPress emails via SMTP
  • Return Path : desmarcado
  • SMTP Host: smtp.seudominio.com.br (consulte a configuração smtp do seu servidor de email, por exemplo: smtp.gmail.com)
  • Porta SMTP: 597 (consulte o valor da porta smtp do seu servidor, no caso do gmail a porta é a 465)
  • Encryption : Use SSL encryption
  • Authentication : Yes: Use SMTP authentication
  • Username : seuemail@seuprovedor.com.br
  • Password : password
  • Clique em Salvar alterações

Algumas configurações populares de SMTP

GMAIL
SMTP Host : smtp.gmail.com
Type of Encryption : SSL
SMTP Port : 465

UOL
SMTP Host : smtp.seudominio.com.br *alterar para o seu domínio
Type of Encryption : No encryption
SMTP Port : 587

LOCAWEB
SMTP Host : smtp.seudominio.com.br *alterar para o seu domínio
Type of Encryption : No encryption
SMTP Port : 587

YAHOO
SMTP Host : smtp.mail.yahoo.com
Type of Encryption : SSL
SMTP Port : 465

OUTLOOK
SMTP Host : smtp.live.com
Type of Encryption : TLS
SMTP Port : 587

Enviando um e-mail teste com o WP Mail SMTP

Dentro de mesma tela que você configurou o WP Mail SMTP você poderá enviar um e-mail teste, para evitar qualquer confusão utilize uma conta de e-mail diferente da usada nas configurações de envio.

  • To : outro.email@seuemail.com
  • Clique em “Send Test”
  • Acesse sua outra conta de e-mail e verifique se recebeu o e-mail teste

Rastreando erros com o e-mail de teste

Pode ser frustrante se o e-mail testa não funcionar, no entanto antes de continuar com esse tutorial vamos descobrir qual o motivo do e-mail teste não ter funcionado. Assim que enviar o e-mail teste você terá uma tela com o debugging output, se tudo estiver funcionando você terá nas primeiras linhas:

Test Message Sent

The result was:

bool(true)

No entanto, aqui iremos investigar os problemas mais comuns e suas soluções caso tenho um valor false no debugging output, que irá informar com detalhes e indicar o problema.

Problema de autenticação por credenciais incorretas

Como estamos utilizando um servidor SMTP externo o problema mais comum é a utilização de dados de login e senha incorretos. Isso irá automaticamente resultar em erro de autenticação externa com o servidor SMTP. Quando você usar uma senha incorreta, o debugging outputs irá apresentar os erros assim:

[“ErrorInfo”]=>
string(35) “SMTP Error: Could not authenticate.”

[“authenticate”]=>
string(35) “SMTP Error: Could not authenticate.”

SMTP -> ERROR: Password not accepted from server: […] Authentication Failed

SMTP -> ERROR: Password not accepted from server: […] Username and Password not accepted.

SMTP server error: […] Authentication Required.

The following From address failed: seuemail@gmail.com

Instale o Contact Form 7

Se você conseguiu enviar o e-mail de teste com sucesso através do WP Mail SMTP plugin, pode continuar com esse tutorial e instalar o Contact Form 7 plugin.

  • Em seu painel administrativo do WordPress navegue até Plugins > Adicionar Novo
  • Pesquisar Plugins : contact form 7
  • Clique em Procurar Plugins
  • Contact Form 7 irá aparecer no início da lista (versão 3.9.3 no momento desse artigo)
  • Clique Instalar Agora
  • Clique OK
  • Clique Ativar Plugin

Configurações básicas do Contact Form 7

Agora que instalamos o Contact Form 7 podemos configurar o plugin. Vamos começar com o formulário de contato padrão e adicionar informações extras para incluir endereços de e-mails. O Gmail e alguns outros provedores de e-mail lidam de forma diferentes com as ações de “Responder” e-mail, por isso vamos precisar alterar o campo padrão “De” e inserir o e-mail utilizado na configuração do WP-SMTP.

  • Entre nas configurações do plugin Contact Form 7
  • Clique no formulário padrão: Contact form 1
  • No campo “Para:” (dentro de Mail): Insira o e-mail que irá receber os contatos
  • No campo “De:”: Remova o padrão [your-name] <[your-email]> e insira o mesmo e-mail que foi utilizado na configuração do plugin WP-SMTP
  • Cabeçalhos adicionais: Reply-To: [your-email] insira exatamente o texto em negrito ao lado
  • Clique em Salvar

Atenção:

A maioria dos problemas com o Contact Form 7 é causado por erros nas configurações da sessão “Mail”.

Gostou do nosso conteúdo? Compartilhe!!

Você sabia? se quiser compartilhar uma parte do conteúdo é só selecionar o trecho de seu interesse que aparecerá um tooltip com as opções de compartilhamento…

Artigos Relacionados

Menu