Como adicionar um formulário de contato em seu site

formulario de contato

Adicione um formulário de contato em seu site para que as pessoas possam entrar em contato com você. A ausência de um formulário de contato pode impedir que você faça uma venda ou deixa de receber uma proposta parceria. Nem sempre a seção de comentários é a melhor forma de estabelecer contato com o dono do site, algumas pessoas podem querer estabelecer uma comunicação privada através de um formulário ou e-mail.

É indiscutível a necessidade de possuir um formulário de contato em seu site. Caso alguém queira enviar uma crítica, sugestão ou até uma proposta de parceria, vai preferir utilizar o formulário de contato, porque nele a conversa não é exibida para outras pessoas, assim como ocorre na seção de comentários.

Não importa se é uma loja virtual, blog ou site, sempre vai ter alguém que deseja entrar em contato com você. Adicionar um formulário de contato em um site WordPress é algo muito simples, por isso não há motivos para deixar de adicionar um formulário em seu site.

Como adicionar um formulário de contato

Em nosso tutorial nós vamos usar o plugin Contact Form 7 para adicionar um formulário de contato no WordPress. Este é um dos plugins mais populares e permite criar formulários personalizados no site. Ele permite fazer uma série de personalizações no formulário, que incluem mudança de visual e seleção de campos que serão exibidos no formulário de contato.

  1. Acesse o painel de administração do WordPress.
  2. Clique em "Plugins" > "Adicionar Novo" no menu lateral.
    adiconar plugin no WordPress
  3. Digite "contact form 7" no campo de busca de plugin.
    bucar formulario de contato no wordpress
  4. Localize o plugin (desenvolvido por Takayuki Miyoshi) e clique em "Instalar agora".
    instalar formulario de contato
  5. Após terminar a instalação, clique em "Ativar".
    ativar formulario de contato
  6. Agora clique em "Form contato" no menu lateral.
    menu wordpress contact form
  7. Clique no botão "Editar", exibido abaixo do nome do formulário de contato.
    editar formulario de contato
  8. Selecione a aba "Mail".
    contact form aba mail
    Os campos que você deve preencher são:
    Para: E-mail para onde serão enviadas as mensagens do formulário.
    De: Endereço exibido como remetente dos e-mails.
    Assunto: Assunto do e-mail enviados através do formulário.
    Cabeçalhos adicionais (Opcional): Cabeçalhos adicionais do e-mail.
    Corpo da Mensagem: Conteúdo do e-mail que será enviado através do formulário.
  9. Clique no botão "Salvar" para gravar as alterações.
    salvar formulario de contato
  10. Depois de configurar o formulário, copie todo o conteúdo da coluna Shortcode.
    shortcode formulario de contato
  11. Crie uma nova página de contato e cole o conteúdo copiado no passo anterior para exibir o formulário.
    pagina de contato
  12. Salve a página. Pronto, agora vai ser exibido um formulário de contato em seu site.

Como adicionar campos no formulário de contato

Para adicionar novos campos ao formulário de contato basta clicar no botão "Editar" e selecionar a aba "Formulário".

Clique nos botões exibidos na parte de cima e preencha as configurações solicitadas. Cada botão representa um tipo de campo. Se você deseja adicionar um campo de texto, por exemplo, basta clicar no botão "Texto".

adicionar campos no formulario de contato

Contact Form 7 é um dos plugins mais completos para criação de formulários, ele permite adicionar vários tipos de campos no formulário. É possível adicionar campos do tipo "radio", "check" e até listas suspensas, que são aquelas caixas que permitem selecionar uma das opções exibidas. Além do formulário de contato, ele permite criar vários outros tipos de formulários.

Como remover campos no formulário de contato

Para remover um campo basta ir até a tela de edição do formulário e selecionar a aba "Formulário". Para remover o campo é preciso apagá-lo do conteúdo do formulário. No formulário padrão, que vem instalado neste plugin por padrão, todos os campos possuem um elemento LABEL. É preciso remover ele também para evitar problemas.

É importante tomar muito cuidado ao remover um campo, pois a remoção feita incorretamente pode gerar um código HTML mal formatado e deixar o site com um visual diferente do normal. Tente entender quais elementos fazem parte da estrutura do campo antes de fazer a remoção.

O que você achou do conteúdo?
Pode melhorar0
Ótimo0
Perfeito0