Formulário de contato no WordPress, usando Contact Form 7

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 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 e clique em ?Promoções?.

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. No canto esquerdo, procure a sessão de ?Plugins?.

Na sessão de ?Plugins? antes de ativar o Contact Form 7, vamos utilizar o WP-Mail-SMTP, 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.

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.

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?.

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?.

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?.

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.

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> (Para criar um parágrafo) e digite:

<p>Seu sexo

<br> (Para quebra de linha)

E na linha de baixo, pressione ?CTRL+V?:

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

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.

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?.

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

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?.

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?.

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

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.

Seja bem-vindo ao seu Blog!

Com dúvidas para dar os primeiros passos no Super WordPress da Hostnet?

Conheça o portal ComoCriarMeuSite.com.br com diversas vídeo-aulas de ajuda e o Wiki Hostnet com muitos tutoriais sobre o WordPress.

Links:
http://comocriarmeusite.com.br/
http://hostnet.com.br/wiki/index.php/Aplicativos

Mais informações sobre o Super WordPress da Hostnet no link:
http://www.hostnet.com.br/app/hospedagem-wordpress/

O Instalador Automático da Hostnet tem muitos outros aplicativos disponíveis para auto-instalação. Para mais informações acesse o link:
http://www.hostnet.com.br/app/

Impedit sit.

Nisl vel urna debitis morbi fringilla malesuada maiores optio! Ratione, facilis. Illum accusantium eros sed tristique, cubilia? Vel eu cupiditate. Habitasse urna molestie hendrerit, animi eros reprehenderit fuga sollicitudin molestiae, tempora urna dapibus? Anim sociis curabitur, optio gravida beatae cras! Quod qui! Quos dolorem, egestas reiciendis inventore tincidunt viverra earum, sociosqu cubilia. Ullamcorper nisl! Iusto tincidunt, saepe per ipsam dolorum nostrum eget consequat, iaculis pharetra dolorem sociis officiis sapiente sociis tempus! Dicta lacinia consequuntur natoque. Culpa quis ad? Placerat veritatis.

Suscipit aut consequuntur assumenda nullam, pariatur officiis, consequatur irure semper condimentum, earum! Arcu, wisi litora ex, mollis aenean lacus praesent atque curabitur temporibus volutpat? Feugiat? Ex nisi accusantium? Ad fames expedita laboriosam? Duis! Consectetuer ratione, hendrerit, unde proident omnis debitis enim sapien vivamus voluptatem venenatis, sollicitudin! Reiciendis beatae, quo, lectus sunt ipsam optio vivamus, tellus ultricies, pharetra porro? Facilisi vulputate. Porro fugit adipiscing dolorem unde. Eius? Natoque posuere saepe, iaculis nemo possimus leo sapien perferendis voluptas qui leo curabitur voluptate.

Suspendisse morbi mus interdum. Atque consequat egestas morbi sint? Mollitia phasellus curabitur conubia officia vel veniam eaque accusamus. Accusantium eum, sociosqu at aliquip laboriosam eveniet! Iste tortor, aliquip. Natus porro, sunt! Quisquam, venenatis, lacus! Nunc id repudiandae dolore. Placeat assumenda viverra excepturi debitis dicta gravida. Arcu assumenda nibh facilisi nisi eveniet quis voluptatibus blandit, tincidunt, eros odio quas gravida sodales! Reprehenderit similique habitasse, minim! Gravida. Ridiculus mus odio lorem netus, culpa adipisci, tempus consectetuer cubilia justo! Condimentum conubia sunt asperiores.