{"id":9525,"date":"2018-02-28T10:12:04","date_gmt":"2018-02-28T13:12:04","guid":{"rendered":"http:\/\/wiki.dialhost.com.br\/?p=9525"},"modified":"2019-05-08T09:53:21","modified_gmt":"2019-05-08T12:53:21","slug":"como-criar-um-formulario-com-o-contact-form-7","status":"publish","type":"post","link":"https:\/\/www.dialhost.com.br\/ajuda\/como-criar-um-formulario-com-o-contact-form-7\/","title":{"rendered":"Como criar um formul\u00e1rio com o Contact form 7"},"content":{"rendered":"\n

O Contact form 7<\/a> \u00e9 um plugin gratuito para WordPress que possibilita criar formul\u00e1rios de contato de uma maneira muito simples e funcional, ele conta com diversas op\u00e7\u00f5es que lhe permite criar campos dos mais vari\u00e1veis tipos como \u201ctext\u201d, \u201cemail\u201d, \u201ctel\u201d, \u201cmenu suspenso\u201d entre muitos outros.<\/p>\n\n\n\n

O plugin permite criar um e-mail autom\u00e1tico (auto responder) para cada formul\u00e1rio, al\u00e9m de aceitar html, css e o framework bootstrap para customizar os seus formul\u00e1rios al\u00e9m de muitas outras funcionalidades.\n<\/p>\n\n\n\n

<\/div>\n\n\n\n
Saiba mais:<\/strong> Como configurar o SMTP para o envio do Formul\u00e1rio<\/a><\/div>\n\n\n\n
<\/div>\n\n\n\n

No exemplo abaixo, configuraremos um formul\u00e1rio de contato que capta quatros informa\u00e7\u00f5es dos usu\u00e1rios do site: <\/p>\n\n\n\n

  • nome<\/li>\n\n\n\n
  • email<\/li>\n\n\n\n
  • telefone<\/li>\n\n\n\n
  • mensagem<\/li>\n\n\n\n
    <\/div>\n\n\n\n

    Para iniciar a configura\u00e7\u00e3o do formul\u00e1rio, selecione o novo menu que apareceu na administra\u00e7\u00e3o do WordPress Form Contato<\/strong> e depois clique em Adicionar novo<\/strong>.
    \nO pr\u00f3prio Contact Form7 vai te apresentar um conte\u00fado de exemplo. Vamos mudar apenas algumas coisas.<\/p>\n\n\n\n

    Comece dando um nome ao formul\u00e1rio de contato.
    \nA aba Formul\u00e1rio<\/strong> deve conter os campos que voc\u00ea deseja inserir no formul\u00e1rio.<\/p>\n\n\n\n

    \"\"<\/a><\/figure><\/div>\n\n\n\n
    <\/div>\n\n\n\n

    Na aba Mail<\/strong> dentre outras configura\u00e7\u00f5es, voc\u00ea vai inserir as mesmas tags que utilizou no formul\u00e1rio para receber os dados preenchidos por e-mail.\n<\/p>\n\n\n\n

    <\/div>\n\n\n\n
    No campo De<\/strong> deve ser inserido uma conta de e-mail existente e ativa em seu dom\u00ednio.
    \nSe voc\u00ea n\u00e3o realizar esta configura\u00e7\u00e3o, o envio de emails n\u00e3o funcionar\u00e1.<\/div>\n\n\n\n
    <\/div>\n\n\n\n
    \"\"<\/a><\/figure><\/div>\n\n\n\n
    <\/div>\n\n\n\n

    Salve seu formul\u00e1rio clicando no bot\u00e3o Salvar<\/strong>.\n<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    Tópicos<\/p>