Como ter um formulário de contato no blog?

em 27 de abril de 2010

Via-Email Há muitos inconvenientes em deixar nosso e-mail pessoal “solto” pela internet afora. Mas ao mesmo tempo precisamos ter um canal de comunicação com nossos leitores. Como fazer então?
Se você estava procurando essa resposta, seus problemas siacabaram! Vamos aprender a configurar um formulário de contato?

Acesse seu painel do blog. Agora clique em Nova Postagem. Em seguida clique em Editar páginas. Agora selecione a opção Nova página. Clique então em Editar Html.
Ufa! Agora sim, cole este código:
  
<form action="http://noticiaeblog.mynetcko.com/enviar.php" method="POST">
<center>
<table width="39%" border="0" align="center" cellspacing="0" cellpadding="0">
<tr><td>Nome:
<input type="text" size="30" name="nome" value=""></td>                               </tr>
<tr><td>E-mail:
<input type="text" size="30" name="email" value=""></td>                               </tr>
<tr><td>Assunto:
<input type="text" size="30" name="assunto" value=""></td>                               </tr>
<tr><td>Mensagem:
<textarea cols="40" rows="10" name="mensagem"></textarea>
</td></tr>
<tr><td><input name="submit" type="submit" value=" Enviar ">  <input name="reset" type="reset" value=" Limpar "></td></tr>
</table>
</center>
<!-- Ínicio e-mail do destinatario -->
<input type="hidden" name="emailo" value="SEU EMAIL">
<input type="hidden" name="emaile" value="NOME DO SEU BLOG">
<input type="hidden">
<!-- Fim e-mail do destinatario -->
</form>




 
Substitua os campos em vermelho pelo e-mail onde serão recebidas as mensagens de contato e nome do seu blog. Dê um nome para a página e clique em Publicar.
Se você já tem menu horizontal no blog ela aparecerá lá.
Se não tinha acabaste de criar um. Assim que clicar em Publicar vai aparecer esta página:

image Ela define a posição que sua página de contato vai aparecer: se na coluna lateral, se abaixo do cabeçalho como é no meu blog ou se você prefere vincular manualmente a página criada; isso é útil para quem usa templates modificados que já possuem menu horizontal.

Vale lembrar que assim que cria sua primeira página estática automáticamente você cria a página
Início pois este é um dos novos recursos do Blogger.
Todos os créditos deste widget são do site Notícia e blog.


Este formulário de contato não está mais funcionando. Deixei o post apenas para registro. Em breve vou publicar um tutorial completo ensinando outro caminho, mas por enquanto recomendo que você utilize o serviço do site JForm: http://www.jotform.com/

Mas tem outras formas de instalar um formulário de contato no blog. Veja:

Uma delas é através do Google Docs. Acesse http://docs.google.com e clique em Novo  Formulário. Dê um nome para o formulário. Agora vamos preencher as perguntas que serão respondidas pelas pessoas que quiserem entrar em contato com você.

Faça 5 perguntas básicas: Nome, E-mail, Blog, Assunto e Mensagem e preencha o título da primeira pergunta (Nome). Marque a caixa Tornar essa pergunta obrigatória e clique em Concluído.

Repita essa operação para as outras perguntas clicando em Adicionar item mas em Blog não marque como obrigatório pois nem todos que querem mandar mensagem são blogueiros.

Depois de seu formulário de contato estar pronto clique em Mais ações. Aí clique em Incorporar. Vai aparecer uma janelinha com um código Html. Copie todo o código.
Agora clique em Editar páginas, lá na aba Layout do seu blog. Clique em Editar Html.  Cole aí o código que você copiou do seu formulário. Clique em Publicar. O processo é o mesmo do widget que ensinei acima: defina onde seu formulário vai aparecer: sidebar ou abaixo do cabeçalho.

Esta opção não envia as mensagens para seu e-mail mas elas ficam em uma planilha do Google Docs, que você acessa quando entra em sua conta do Google, que é a mesma do Blogger. Veja em seu painel do blog: logo acima, bem lá no alto, tem a opção Minha conta. Se clicar sobre ela aparecem todos os serviços Google nos quais você tem cadastro, inclusivemente Google docs. Clicando sobre Google Docs você verá seu formulário de contato lá, bonitinho e pronto para ser usado sem expor seu email.
Gostou?

Se fizer, me diz.
Semana que vem tem mais.
Posso tisperar?

Importante!
Criei um tutorial atualizado sobre como ter um formulário de contato em seu blog
Clique:
Formulário de contato para o blog- simples, fácil e gratuito!

th_06327_05

Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

34 comentários , comente também!

  1. Ow, miga? migaaa? como é que num tinha te encontrado ainda? Vc é fera! mudei/tirei/revolucionei/fiz e desfiz no meu blog, com suas dicas. Valew! Continue assim, quando eu crescer vou ser como vc! rsrsrs

    Joana Campos

    ResponderExcluir
  2. Ah, ói eu de novo aki, agora quero aprender colocar aquelas 3 opções que vc coloca logo abaixo do post no " Fique mais um pouco comigo" ajudaí vai! Bj miga!

    ResponderExcluir
  3. Querida, eu adoro essa tua disponibilidade e carinho em ensinar as coisa viu?
    Te gosto um tantão assim :)

    beijo e uma noite muito tranquila

    ResponderExcluir
  4. Oie...
    Adorei seu blog!
    Visite e siga o meu tambem!

    www.caroladuarte.com

    beijinho =)

    ResponderExcluir
  5. Fiz do jeito que vc ensinou, coloquei na barra lateral, dei nome, depois quiz mudar tudo, exclui, qdo fui fazer de novo mudei o nome e qdo salvei, saiu os dois nomes que eu tinha dado, exclui tudo de novo, finalizando fiz uma obra né??

    beijooo.

    ResponderExcluir
  6. Vixe, menina

    Acho que estou muito velha para tanta informação. Tenho vontade, mas tenho medo de fazer tudo errado.
    Obrigada sempre pelas dicas.

    Bjs no coração!

    ResponderExcluir
  7. Oi linda, você e suas preciosas dicas!
    Vou fazer é uma boa mesmo.
    Lindinha tem selinho para ti lá no Devaneios te esperando!
    Doce beijo na alma que seu dia seja pleno de felicidades...

    ResponderExcluir
  8. Elaine,
    Segui as indicações mas quando finalizei, fica aparecendo a palavra início e depois nome:email.
    Tem algo mais que preciso fazer?
    bjs

    ResponderExcluir
  9. Deus te abeçoe! Estava esperando por essa dica. Amei!
    Beijos!

    ResponderExcluir
  10. O que eu aprendo aqui!
    Que bom!
    Beijo.
    isa.

    ResponderExcluir
  11. Que legal, vou tentar fazer!
    Ah, tem uma promoção no meu blog de artesanato, passa lá participar!
    Bj

    ResponderExcluir
  12. E muito complicado. Vou pedir segunda explicação para meus sobrinhos que poderão me explicar e fazer para mim,
    com carinho Monica

    ResponderExcluir
  13. Consegui!!!!!
    Obrigada pelo retorno e pela paciência.
    bjs

    ResponderExcluir
  14. Adoro as dicas que vc dá ELaine, pq eu vou aprendendo mexendo mesmo e lendo oq vc escreve.


    Obrigada pelas dicas...

    Bjs.

    ResponderExcluir
  15. Essa dica vai me ajudar muito!
    Qdo tiver tempo de mexer no template do blog vou fazer de acordo com o que vc ensinou.
    Obrigado!

    ResponderExcluir
  16. Nuuuss... eu aprendo tanta coisa boa por akii...
    AdorOooooo
    =**

    ResponderExcluir
  17. Obrigada mais uma vez. Tive que recorrer as tuas explicações para colocar um formulário desses no meu blog.
    BJs no coração
    Rosani

    ResponderExcluir
  18. Boa Noite Elaine.
    Há algum tempo que estou procurando esta dica e achei agora no seu Blog.
    Amei a dica. Já fiz e deu certinho.
    Obrigada por compartilhar seus conhecimentos.
    Beijos

    ResponderExcluir
  19. Oi, Elaine,

    Fiz pelo Google docs e deu certo. Valeu!!

    Bjs
    Gys
    http://saladaideias.blogspot.com/

    ResponderExcluir
  20. Olá, Elaine! Bom dia! ;)

    Coloquei o primeiro formulário no meu blog. Ficou certinho. Mas ao enviar email surge o erro:

    Bandwidth Limit Exceeded
    The server is temporarily unable to service your request due to the site owner reaching his/her bandwidth limit. Please try again later.
    Apache mod_fcgid/2.3.6 mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/5.0.2.2635 Server at noticiaeblog.mynetcko.com Port 80

    O que pode ser?
    Abraços, Elaine

    ResponderExcluir
  21. @Elaine Cunha, bom dia
    A mensagem quer dizer que há excesso de banda sendo usada neste formulário.
    Sugiro que você exclua a página criada e tente este outro: http://www.jotform.com/
    É em português e muito fácil de montar.
    Se preferir esperar estou preparando um tutorial sobre como criar um formulário lá, mas é bem simples.
    Espero que te ajude.
    Beijosssss

    ResponderExcluir
  22. OI Eliane,
    tudo bem? Primeiro muito obrigada pela ajuda e dica.
    Coloquei o primeiro formulário no meu blog porém quando fiz o teste, ao clicar em enviar, abriu esse site aqui: http://www.mynetcko.com/
    é assim mesmo? E também não recebi o contato no meu e-mail informado no html.
    Se puder retornar eu vou agradecer muito.

    beijos
    Chris
    http://inventandocomamamae.blogspot.com/

    ResponderExcluir
  23. @Chris Ferreira,
    Este formulário de contato não está mais funcionando. Deixei o post apenas para registro. Em breve vou publicar um tutorial completo ensinando outro caminho, mas por enquanto recomendo que você utilize o serviço do site JForm: http://www.jotform.com/

    ResponderExcluir
  24. Oi Elaine, tudo bem? entrei aqui para dizer que, depois que você resolveu fazer aquele mosaico, nos dando a oportunidade de deixarmos nossos blogs lá, menina, recebi tanta visita porque me viram lá...
    Obrigada. Sempre.
    Beijos e ótima semana.

    ResponderExcluir
  25. Ainda não fiz não, mas já vim
    agradecer.
    Obrigada pelas dicas de sempre.

    beijos

    ResponderExcluir
  26. Oi Elaine, tudo bem?
    Voce ta melhor?
    Espero que sim...
    Obrigada por atualizar o post, havia colocado no meu blog, mas nao estava funcionando, entao entrei no seu contato e fui na sua onde, coloquei um do mesmo site que o seu.
    Agora vou atualizar meu post, pq havia deixado a dica, de como colocar a caixa de contato, com um link para seu post.
    Obrigada pela atencao conosco.

    Abracos e otima semana para voce.
    Gra

    ResponderExcluir
  27. Ah! Que delícia toda vez que você "volta" vem novidade também rsrs
    Não achei muito difícil, eu só não faço quando tem que "incluir" um html no que já tem aqui (morro de medo de errar e destruir meu blog rsrs).
    Mas vou esperar o novo que você vai explicar. Achei bem legal, pois colocar email direto é chato mesmo, aparece spam de montão!
    Você já ficou boa de tudo? Espero que sim.
    Paz e luz.
    Beijos.

    ResponderExcluir
  28. Seus posts são bem esclarecedores, adoro lê tudo
    Cheiro!!

    http://www.maniadmarie.com/

    ResponderExcluir
  29. Elaine querida!!!
    Eu não tinha lido este post.
    Adorei a dica,estou levando se eu não conseguir vou te chamar....rsrs...ok?
    Linda tarde para você,bjus

    ResponderExcluir
  30. @Graça
    Elaine querida!!
    Passei aqui para te desejar:
    Feliz Natal e ano novo também!!
    Mil beijokas

    ResponderExcluir
  31. Elaine, boa tarde!!

    Hj eu fiz uma postagem no blog sobre comentários e falei sobre aquelas palavrinhas que aparecem sempre depois para confirmar o comentário, uma leitora me falou que não consegue tirar as delas pq usa o blogger novo, vc pode por gentileza nos orientar.

    Obrigada, desde já eu te agradeço,

    Sueli

    ResponderExcluir
    Respostas
    1. Sueli, para fazer esta modificação é preciso voltar ao modelo antigo do painel.
      bjsssss

      Excluir
  32. Quem disse que não se ensina truques novos a cães velhos? Acabei de aprender um novo, para bens pelo teu blog e as dicas

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…