{"id":14,"date":"2017-07-21T11:38:12","date_gmt":"2017-07-21T14:38:12","guid":{"rendered":"http:\/\/www.masterbox.ind.br\/site\/?p=14"},"modified":"2017-07-21T15:02:00","modified_gmt":"2017-07-21T18:02:00","slug":"formulario-de-contato-no-wordpress-usando-contact-form-7","status":"publish","type":"post","link":"https:\/\/www.masterbox.ind.br\/site\/formulario-de-contato-no-wordpress-usando-contact-form-7\/","title":{"rendered":"Formulário de contato no WordPress, usando Contact Form 7"},"content":{"rendered":"

Formulários de contato são um meio muito fácil e prático, para que seu público ou seus consumidores entrem em contato com você, através de seu site. Vamos aprender a como fazer um formulário de contato no nosso site em WordPress, utilizando um plugin muito importante chamado Contact Form 7<\/strong> e se você não tiver um site, entre em contato com a Hostnet, pois agora existe uma promoção especial que te dá um ano de domínio grátis, para isso acesse: www.hostnet.com.br<\/strong> e clique em “Promoções”.<\/p>\n

Vamos exemplificar a criação de um formulário de contato, utilizando o site www.guanabara.info. Para isso, acesse seu painel de controle, que é o endereço do site \/wpadmin<\/strong>. No canto esquerdo, procure a sessão de “Plugins”.<\/p>\n

Na sessão de “Plugins” antes de ativar o Contact Form 7, vamos utilizar o WP-Mail-SMTP<\/strong>, esse plugin já vem instalado no Super WordPress, para quem é assinante Hostnet, mas você pode ativá-lo em qualquer instalação do WordPress, vamos ativá-lo.<\/p>\n

Uma vez ativado, esse plugin vai substituir as funções de envio de e-mail do PHP para funções de e-mail dentro do próprio WordPress. No canto esquerdo, na sessão “Configurações” você encontra o item “E-mail” clique sobre ele.<\/p>\n

Nesse formulário você vai configurar, um e-mail de contato, pois é pra ele que as mensagens serão enviadas. Preencha o primeiro campo, com seu endereço de e-mail, o segundo campo com seu nome completo. Abaixo de seu nome, você vai selecionar o item “Send all WordPress emails via SMTP” em seguida coloque o endereço de seu host, que é smtp.oseudominio. Em “SMTP Port” coloque 587. Selecione o item “No encryption”. Em “Autenticação” selecione a opção “Yes: Use SMTP Authentication”. Em “Username” você vai colocar o seu endereço de e-mail, só que no lugar do @ o sinal de =. Isso é a configuração de seu servidor SMTP, se você é cliente Hostnet essa é a configuração, se você tem sites em outros hosts, utilize a sua configuração própria, em seguida, a sua senha. Cuidado, pois ela aparecerá nesse formulário, para salvar clique em “Update Options”.<\/p>\n

Depois de configurado, você pode enviar um e-mail de testes para um endereço qualquer, basta digitar o endereço na caixa “To” de “Send a Test Email” e clicar em “Send Test”.<\/p>\n

Depois de ativar e configurar o plugin de SMTP, vamos ativar o Contact Form, para isso, no canto esquerdo vá na sessão de “Plugins” e procure a opção “Contact Form 7”. Esse plugin também é colocado automaticamente quando você instala o Super WordPress na Hostnet. Clique no botão “Ativar”. A partir de agora, no canto esquerdo inferior você tem uma sessão do WordPress, chamada “Contato”. Vamos clicar em “Editar”.<\/p>\n

Em seguida, você verá a área do Contact Form 7, vamos clicar em “Adicionar Novo”, automaticamente será detectada a linguagem do seu WordPress, se não for detectada, basta selecionar logo abaixo, que é o Português Brasileiro, depois clique em “Add New” e já é preenchido um formulário com algumas informações básicas. Se o seu formulário de contato for somente isso, basta salvar.<\/p>\n

Vamos fazer uma alteração, solicitando o sexo do usuário. Logo após o nosso e-mail, vamos adicionar uma nova tag, no caso, para sexo, o usuário vai poder marcar uma das opções, sendo assim o melhor ícone é um botão rádio (radio-689), colocamos o nome como “Sexo” e o identificador (id) também e na caixa de opções, vamos colocar uma opção por linha: “Masculino” e “Feminino”. Ao apertar a tecla “Tab” você vai receber uma opção dizendo “Copie este código e cole-o no formulário à esquerda” clique uma vez sobre ele, pressione “CTRL+C” e no lugar em que você vai querer que ele pergunte o sexo, coloque:<\/p>\n

<p> (Para criar um parágrafo) e digite:<\/p>\n

<p>Seu sexo<\/p>\n

<br> (Para quebra de linha)<\/p>\n

E na linha de baixo, pressione “CTRL+V”:<\/p>\n

<p>Seu sexo <br>
\n[radio sexo id: sexo “Masculino” “Feminino”]\n<\/p><\/p>\n

E serão criados botões de rádio, com as opções “Masculina” e “Feminino”. Utilize o <\/p> para fechar o parágrafo. Feito isso, vamos configurar como você vai receber o e-mail.<\/p>\n

Automaticamente será colocado o e-mail para qual todas as mensagens serão enviadas a você. Poderá configurar qualquer nome, utilizando esses nomes-chaves: “your-name”, “your-email”, “sexo”, “your-subject”, “your-message”. Você pode alterar isso, colocar por exemplo, “sua-mensagem”. Se fizer qualquer alteração, vá até o canto inferior direito da tela e no lugar de “your-message” coloque “sua-mensagem”.<\/p>\n

Como esse e-mail vai ser recebido por você, não há tanta preocupação em relação a formatação dessa área debaixo.<\/p>\n

Apesar de não recomendar isso, você pode marcar a opção “Usar tipo de conteúdo HTML”. Recomendamos que você deixe essa opção desmarcada. Na parte debaixo, clique em “Salvar”.<\/p>\n

A partir de agora você recebe uma informação para copiar esse código e colocá-lo no post que receberá o formulário de contato, pressione “CTRL+C”. Vamos agora, criar uma página de contato, no canto esquerdo do WordPress, procure a sessão “Páginas” e clique em “Adicionar Nova”.<\/p>\n

No formulário de nova página, digite: Contato. Na aréa do texto coloque:
\nPreencha o formulário de contato. Assim que possível, responderemos sua dúvida.
\nNa linha debaixo, pressione “CTRL+V” para colar a chave que foi gerada pelo próprio plugin, em seguida, clique em “Publicar”.<\/p>\n

Depois de publicar a página, vamos atualizar a visualização do nosso site. A partir de agora, temos um link “Contato”. Clicando sobre ele, teremos a página que criamos com o formulário de contato, inclusive, solicitando o sexo do visitante. Todos os dados preenchidos nesse formulário serão enviados a você, por e-mail.<\/p>\n","protected":false},"excerpt":{"rendered":"

Formulários de contato são um meio muito fácil e prático, para que seu público ou seus consumidores entrem em contato com você, através de seu site. Vamos aprender a como fazer um formulário de contato no nosso site em WordPress, utilizando um plugin muito importante chamado Contact Form 7 e se você não tiver um […]<\/p>\n","protected":false},"author":1,"featured_media":41,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-14","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-curso-wordpress"],"_links":{"self":[{"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/posts\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":1,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/posts\/14\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/posts\/14\/revisions\/15"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/media\/41"}],"wp:attachment":[{"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/media?parent=14"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/categories?post=14"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.masterbox.ind.br\/site\/wp-json\/wp\/v2\/tags?post=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}