20/05/2011 20h08 - Atualizado em 14/07/2011 06h46

Como criar um formulário de contato no WordPress

Paulo Higa
por
Para o TechTudo

Nível: Intermediário
Número de passos: 9
Recursos necessários: WordPress, Contact Form 7.

É sempre importante disponibilizar um meio fácil para que os leitores do seu blog ou site entrem em contato com você, seja para enviar dúvidas, sugestões, críticas ou elogios. O plugin Contact Form 7, do WordPress, é ótimo para esta tarefa, facilitando a criação de formulários com uma interface bastante personalizável para o seu blog.

Quer criar um formulário? Siga o passo a passo abaixo e implante a nova funcionalidade agora.

Passo 1. Instale o Contact Form 7 no seu WordPress. Para isso, acesse o seu painel de administração e entre em "Plugins" > "Adicionar novo". Procure por "Contact Form 7" e clique em "Instalar agora". Se preferir, acesse a página do Contact Form 7.

Instalação do Contact Form 7 (Foto: Reprodução/Paulo Higa)Instalação do Contact Form 7 (Foto: Reprodução/Paulo Higa)

Passo 2. Ative o plugin e acesse o menu do Contact Form 7, em "Contato" > "Editar".

Passo 3. Na página de configuração do plugin, clique em "Adicionar novo". Escolha um nome para o formulário. Se o seu WordPress estiver configurado para funcionar em português, o Contact Form 7 deverá criar um formulário com campos básicos (nome, e-mail, assunto e mensagem), já pronto para uso.

Passo 4. Para personalizar o formulário, utilize o botão "Gerar tag". Neste exemplo, vamos criar um menu drop-down.

Passo 5. No campo “Nome”, utilize um termo amigável para que você possa identificá-lo facilmente no futuro. Em “Opções”, coloque a lista de opções que o menu drop-down deverá exibir no formulário; uma opção por linha.

Criando novos campos no formulário (Foto: Reprodução/Paulo Higa)Criando novos campos no formulário (Foto: Reprodução/Paulo Higa)

Passo 6. O plugin criará o código automaticamente. Basta copiar o código gerado automaticamente nos campos indicados. O primeiro código, em fundo marrom, deve ser copiado para o campo “Formulário”. Já o segundo código, em fundo verde, deve ser copiado para o campo “E-mail”.

Passo 7. No campo “Para”, localizado em “E-mail”, preencha com o endereço eletrônico que as mensagens devem ser enviadas. Salve o formulário.

Passo 8. O Contact Form 7 gerou um pequeno código, logo abaixo do nome do formulário, para que ele seja exibido em uma página, post ou widget de texto. No nosso caso, vamos copiar o código e colá-lo numa página. Para isso, entre em "Páginas" > "Adicionar nova".

Passo 9. Cole o código na página e salve. Seu formulário está pronto!

  • imprimir
Seja o primeiro a comentar


Imagem do usuário
Sair

Quer realmente sair da globo.com?

Imagem do usuário

recentes

populares

  • Ma Tarso
    2013-04-16T01:19:26

    Nossa!! Magico! Ficou perfeito... muito obrigada!

    COMPARTILHAR

    Imagem do usuário