Configuração do Contact Form 7.
Parte 1 (Localização do Plugin)
Procurar na barra lateral esquerda a secção “Contacto”.
Nesta secção será possível observar os formulários já existentes ou então podem ser criado novos formulários.
Parte 2 (Criar/ editar formulário)
Se acedermos ao “Formulário de contacto 1”, podemos observar 4 separadores (Formulário, Correio, Mensagens, Definições adicionais).
O primeiro passo será criar/ editar o separador “Formulário”. Neste separador é possível adicionar campos de texto (ex. para nomes, moradas, etc.), campos numéricos (ex. para telefones), campos de email, entre outros.
Separador Formulário
Exemplo de formulário (neste caso o Formulário de contato 1):
<p>O seu nome (obrigatório) (título da caixa de texto para o nome– Pode ser editado conteúdo entre as tags)
[text* your-name] </p> (caixa de input de texto para nome (texto). O asterisco é usado para campos de preenchimento obrigatório.)
<p>O seu email (obrigatório) (título da caixa de texto para email – Pode ser editado conteúdo entre as tags)
[email* your-email] </p> (caixa de input de texto para email. O asterisco é usado para campos de preenchimento obrigatório.)
<p>Assunto (título da caixa de texto para assunto– Pode ser editado conteúdo entre as tags)
[text your-subject] </p> (caixa de input de texto para assunto.)
<p>A sua mensagem (título da caixa de texto para mensagem – Pode ser editado conteúdo entre as tags)
[textarea your-message] </p> (caixa de input de texto com área maior dedicado a mensagens– Pode ser editado conteúdo entre as tags.)
<p>[submit “Enviar”]</p> (Botão para enviar – Pode ser editado o conteúdo entre aspas)
Nota: podem ser adicionadas várias tags, nomeadamente para numeração (como o caso de telefones). Essas tags encontram-se no painel Formulário. É um caso de explorar, segundo a lógica descrita em cima.
Parte 3 (Configurar o envio do formulário para o nosso e-mail)
Separador Correio
Para: exemplo@exemplo.com (Este é o campo mais importante. Define o email para onde vai ser encaminhado o conteúdo do formulário que está no frontend, neste caso vamos colocar o nosso email)
Os restantes campos seguem a lógica de envio de email, basta preencher os dados corretamente.
Parte 4 (Adicionar formulário na página)
Supondo que já existe uma página dedicada ao formulário, basta copiar a tag visível na página “formulário de contacto” (ex. [contact-form-7 id=”34″ title=”Formulário de contacto 1″]) e colar essa tag na página que quiser.
Depois de cumprir os passos a cima descritos, o utilizador será capaz de enviar mensagens através do site, para o email que tivermos indicado.
