Como utilizar o Contact Form 7 no WordPress

Um formulário de contato é sempre importante para um site ou blog e um plugin muito bom para ter esse resultado é o Contact Form 7.

Este plugin é simples de configurar, pode adicionar vários recursos e opções de formulário.

Vídeo mostrando como adicionar o formulário de contato com o plugin Contact Form 7 – Atualizado 2017

 

Podemos adicionar 2 e-mails com configurações distintas, agora vamos parar de falar e começar o tutorial para instalação e configuração do Contact Form 7.

Pesquisa e instalação do plugin Contact Form 7

No menu principal clique em Plugins>Adicionar Novo na tela de pesquisa digite “Contact Form 7

Pesquisa Plugins

Quando aparecer a tela com as opções de plugins instale o Contact Form 7

instalar_form7

Após a instalação aparece uma tela igual a essa abaixo, então ative o plugin.

confirmacao_ativacao

 Configuração do formulário

Agora é a parte de configuração, por padrão já vem um formulário configurado com informações básicas. Para acessar os formulários clique em Form contato>Formulários de contato.

menu
formulario_padrao

Ao entrar no formulário padrão do Contact Form 7 você encontra essa tela, do lado esquerdo está o formulário em formato html e no outro lado tem as opções de formulário onde é gerada a tag para serem adicionadas.

edicao_formulario

Uma forma bem pratica de criar mais opções do formulário é copiando e colocando o html do lado esquerdo e fazendo apenas a alteração da tag. Verifique o exemplo abaixo onde foi adicionado uma opção rádio “Pergunta” onde a resposta é um “sim” ou “não”

adicionando_campos

Após configurar o formulário com todas as opções de deseja salve e pegue o shortcode que foi gerado pelo plugin.

shortcode

Implementação do Formulário de contato

Com o shortcode em mãos copie ele em um página ou em algum post, depende de onde você deseja colocar seu formulário de contato. A depender do tema o formulário fica dessa forma.

Veja também:  Tema Free para Blogs - Griffin

exemplo

Configuração do e-mail

Para finalizar vamos configurar o e-mail que vai receber o formulário. Na parte de baixo da configuração do html do formulário tem a opção de configuração de envio. Essa configuração é muito simples, onde tem “Para:” adicione o seu e-mail, na opção “De:” você pode modificar colocando o nome da tag adicionada no formulário por exemplo se você criou um rádio Departamento com opção Comercial, Marketing e Diretoria adicione o nome da tag [departamento] neste local vai aparecer uma das opções selecionada pelo usuário Comercial, Marketing ou Diretoria. Isso se aplica a todas as opções do formulário.

configuracao_email

Uma informação importante é marcar a opção “usar tipo de conteúdo HTML” com isso você pode utilizar Títulos com H3, H2, H1 ou adicionar outros código de html e assim personalizar o recebimento do e-mail deixando mais profissional.

Customização das mensagens de resposta

Neste local você pode modificar todas as mensagens de resposta por exemplo a mensagem de envio com sucesso ou até mesmo a mensagem de erro.

configuracao_mensagem

Com isso finalizo esse tutorial para criação de formulário de contato utilizando o plugin Contact Form 7, espero que tenham gostado e caso tenha alguma dúvida ou sugestão comente logo abaixo.

Até a próxima.

 

Como utilizar o Contact Form 7 no WordPress
5 (100%) 6 votos

Veja também:


Ultrapack V2

O blog te ajudou? ajude o blog!

Os valores doados serão utilizados para pagar os custos do blog, como hospedagem e domínio.

Doação para o WP College

37 Comentários - Adicionar Comentário

Resposta

Deixe uma resposta

Cadastre-se para receber GRÁTIS minhas melhores dicas!