Formulário de contato no WordPress ( Contact Form 7 )

De Wiki Hostnet
Ir para: navegação, pesquisa

Formulários de contato são um meio fácil e prático para que seu público possam contatar-lhe através do seu site: O visitante pode clicar no link do formulário e daí escrever o que deseja lhe comunicar, de uma maneira fácil e rápida.

O WordPress possui um plugin chamado Formulário de Contato 7 ( Contact Form 7 ) que facilita muito esse processo. Note que esse plugin já está disponível na sua instalação do WordPress na Hostnet. Veremos então como podemos usá-la.

O plugin, a princípio, já vem ativado. Logo, a partir do painel administrativo, clique em plugins e em plugins instalados. Você verá o plugin Formulário de Contato 7 ativo. Clique no link Configurações para ajustá-lo de acordo com os seus interesses. Você verá a página abaixo:


17 formulario de contato no wordpress.png


Você pode ter vários formulários de contato criados. No momento, temos apenas um, que é o Formulário de contato 1. Ao clicar em Adicionar Novo, você poderá criar um formulário. Se clicar no link do formulário, poderá editá-lo. Se você fizer, terá uma nova página, semelhante a esta:


18 edicao do formulario de contato no wordpress.png


Logo no alto, você terá um conjunto de tags criadas pelo próprio plugin, para que você copie e cole no código fonte do seu site. Esta será a ligação entre o site e o seu formulário de contato.

Abaixo, você terá as partes que compõem o seu formulário. Note que há tags HTML (como a marcação de parágrafos) e outras tags, exclusivas do Contact Form 7. Monte os campos de acordo com o que você acha necessário. Ao lado, há uma lista onde você pode selecionar um tipo novo de tag que você deseja para o seu formulário. Basta clicar em Gerar tag, escolher o tipo desejado e preencher a nova caixa que abrirá, colocando os dados e marcando se quer que seja um campo obrigatório ou não, entre outras funções. Há um campo, onde as tags para incluir aquela informação no formulário aparecerão. Daí, é copiar e colar no formulário, do lado esquerdo da página. Use as tags HTML para organizar como você deseja que as informações estejam formatadas.

Abaixo desse formulário que você vai configurar, temos um campo (Mail) pra ser preenchido com um e-mail de contato, pois é pra ele que as mensagens serão enviadas. Coloque os dados que são necessários (como e-mail destino, nome do destinatário, entre outros). Deixe o campo Assunto livre.

Abaixo desses dois formulários, você tem um campo chamado Mensagens. Este campo define o que aparecerá no campo Assunto dos e-mails. Dependendo do conteúdo do formulário, o campo Assunto pode ser modificado.

Por último, uma caixa chamada Configurações Adicionais, com o objetivo de agrupar quaisquer configurações que não tiveram lugar em nenhum outro espaço.

Depois de tudo configurado, você deve clicar em Save para salvar as alterações feitas no formulário de contato. Existe uma caixa cujo título é: Copie este código e o cole no conteúdo do seu post, página ou widget de texto. (mais autoexplicativo, impossível). Pegue este texto e faça conforme o previsto.

Para responder diretamente ao e-mail que for inserido no formulário, deve inserir o código abaixo, nas configurações do plugin, dentro do campo Cabeçalhos adicionais, visto na caixa Mail.

Reply-to: [your-name]<[your-email]>


Conteúdo importante para WordPress: