Contact Form 7 – Como utilizar?
Ter um bom formulário de contato no WordPress é possível com o Contact Form 7. Ele nos garante tranquilidade e simplicidade que qualquer outro não apresenta. Sou fã de formulários com um design simples e o Contact Form 7 me conquistou. Aprenda a configurá-lo a seguir.
Créditos Imagem: Contact Form 7.
Se você quiser conferir o Contact Form 7, basta visualizar minha página de contato. Baixe e instale o plugin. O plugin é traduzido para várias linguagens, incluindo Português do Brasil e de Portugal. A linguagem é automática e depende única e exclusivamente a linguagem do seu WordPress.
Configuração:
Depois de ativar seu plugin uma nova aba vai ser criada no final do menu lateral do seu painel de administração, abra ela e clique em “Editar”. “Contato” > “Editar“.
Automaticamente o seu plugin já estará todo configurado, ele enviará as mensagens para o e-mail padrão do seu blog (você poderá alterá-lo). Você pode traduzir o “Corpo da Mensagem” que está em inglês (mas é de fácil compreensão). Além disso você poderá colocar mais campos no seu formulário, que por padrão, só irá vir com “Nome”, “E-mail”, “Assunto” e “Mensagem”.
Vendo o meu formulário você pode ter percebido que existe um campo a mais, um contra spans. Para enviar uma mensagem a pessoa deve digitar as letras e, assim, clicar em enviar.
Adicionando novos campos no formulário:
Adicionando novos campos, o formulário irá atualizar automaticamente. Você tem a opção de adicionar 11 tipos de novos campos.
Adicionar um código anti-span:
Para você adicionar um anti-span você precisará baixar e instalar outro plugin (do mesmo autor – que age em conjunto com o Contact Form 7). O Really Simple CAPTCHA. Baixe e ative o plugin. Depois do plugin instalado siga os passos abaixo:
Ao lado da parte “Formulário“, na página de edição do plugin Contact Form 7, existe um menu chamado “Gerar tag“. Clique ali e escolha a opção CAPTCHA.
Depois adicione os códigos que aparecem para você. No meu caso apareceu os da imagem abaixo, entretanto cada um é diferente.
Adicione o código abaixo (depois de alterá-lo conforme as suas informações) antes do <p>[submit "Enviar"]</p>.
<p>CÓDIGO DA IMAGEM<br />
CÓDIGO DO CAMPO DE DIGITAÇÃO</p>
O código completo ficará assim:
Adicionar outros campos:
A forma para adicionar novos campos é a mesma. Só entrei em detalhes no código anti-span por que precisou instalar outro plugin. Você pode adicionar menus drop-down, campo de e-mail, área de texto, entre outros. Recomendo que você experimente cada um deles.
Exibir o formulário:
Tendo o formulário pronto e configurado agora devemos exibi-lo para que nossos visitantes possam nos enviar mensagens. Para isso crie uma página com o nome “Contato” na aba “Páginas” > “Adicionar nova” e copie o código do seu formulário como na imagem abaixo:
O código é [ contact-form 1 "Formulário de contato 1" ], copie e cola na aba “HTML” da sua página como na imagem abaixo:
Se você for copiar o código que citei acima tire os espaços no início e no final (depois do “[" e antes do "]“). Pois se eu colasse o código sem os espaços o formulário iria aparecer.
—————-
Espero que você tenha gostado do tutorial. O formulário é simples mais muito bom. Altere como você quiser e você também poderá cadastrar outro formulário com o mesmo plugin! Basta você clicar, na página de configuração do formulário, em “Adicionar Novo”.
Conteúdo exclusivo para assinantes do feed:
Em alguns casos o seu formulário pode ficar centralizado sem você pedir. Para corrigir esse problema vá até a aba “Aparência” > “Editar“, clique na sua página de estilos (CSS) e pesquise pelo temo “form” até você achar algo parecido com isso .entry form {
.entry form {
text-align:center;
}
Mude o “center” para “left”, ficando assim:
.entry form {
text-align:left;
}
Clique em salvar e pronto.
Esse post possuí conteúdo exclusivo para assinantes de feed. Assine nosso feed e fique por dentro.
Deu certinho, vc me salvou =) Não aguentava mais tanto spam. VLW!!
Parabéns pelo tutorial, aprendi corretamente e fiz o que eu queria:
http://www.baixandogratis.net/contato
Um Abraço.