Translate

08 fevereiro 2016

Como adicionar formulário de contato no blog

Bom pérolas, ontem passei horas na frente da tela do meu notebook tentando colocar um formulário de contato que funcionasse e minhas horas não foram gastas atoa, eu consegui.
Então vou ensinar como fiz para colocar, e assim diminuir a frustração de muitas pessoas assim como eu passa horas na internet procurando.
Esse tutorial ficou um pouquinho grande, mas eu afirmo que realmente funciona, eu testei.







1º - Acesse esse site:

123 Contact Form


Aparecera essa pagina:




Estão vendo esse botão verde escrito SIGN UP FOR FREE clica nele e irá aparecer mais essa pagina:



Clique no verde escrito Basic Free always, vai aparecer essa pagina:



Preencha todos os campos,
Username: seu nome para login no 123 Contact Form, digite tudo junto.
Password: sua senha
Confirm password: sua senha novamente
E-mail: o email para onde você quer que as mensagens sejam enviadas.
Industry: Tipo de site/blog o seu é.
Depois clique em Create.

Nessa pagina você deve clicar na caixinha vermelha, "Contact & Lead Form"



Vai abrir essa pagina:


Onde aparecer Contact & Lead Form, você deve apagar e colocar o nome que desejar, eu coloquei Contato, em seguida clique em OK.

Irá aparecer essa pagina:


Se desejar altere o que está em inglês para português, só clicar encima de onde vc quer alterar, que do lado aparecerá uma caixa para fazer as alterações.
Depois de terminar clique em SETTINGS lá em cima, quando aparecer a pagina vá até o final dela e troque o "Your message has been sent. Thank you for filling out our form!" por "Sua mensagem foi enviada com sucesso" ou qualquer coisa do tipo, depois clique no botão Save Changes.


Ainda nessa pagina, do lado tem um menu, clique no botão Security, procure por

          "Captcha settings
 
   
 
 
No botão Theme, que está no mesmo menu de security da para você personaliza-lo.
Depois de tudo isso, finalmente vamos gerar o código html do formulário,, lá em cima clique em PUBLISH, vá até a opção blogger no canto direito e copie todo o código que aparecer.
Depois Vá até o painel do seu blogger, e crie uma nova pagina (Se tive duvidas sobre como criar pagina me pergunte nos comentários) Vai aparecer uma pagina igual a que você usa pra fazer seus post, coloque e modo html e cole o codigo que você copiou coloque o titulo Contato ou algum que você queira e clique em publicar.
Vá até layout> Cross Colum> editar> e marque a caixinha com o nome contato :)
E está pronto seu formulario de  Contato :D


4 comentários:

  1. Bom dia! Não consegui finalizar o formulário! Valeu pelo post, mais tarde tento mais uma vez!
    https://isaberenice.blogspot.com.br/

    ResponderExcluir
  2. Acabei de fazer o formulário, deu certinho.
    Ótimo post!

    http://stenascimento.blogspot.com.br/

    ResponderExcluir