Como criar um formulário de contato no Blogger

Eu já escrevi no GF Soluções uma maneira de colocar um formulário de contato no Blogger/ Blogspot através do FormSite. Mas é lógico que existem outras maneiras. 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, o meu vou chamar de Formulário de Contato. Agora vamos preencher as perguntas que serão respondidas pelos visitantes que quiserem entrar em contato.

Nós faremos cinco perguntas (Nome, E-mail, Site, Assunto e Mensagem), preencha o título da primeira pergunta (Nome), em texto de ajuda escreva (Digite seu nome (obrigatório)) em tipo de pergunta selecione texto, marque a caixa tornar essa pergunta obrigatória e clique em concluído.

Repita essa operação para as outras perguntas clicando em Adicionar pergunta, mas em Site não marque como obrigatório, pois nem todos possuem um endereço de internet.Veja abaixo como ficou o meu formulário de contato.

Agora crie uma página utilizando o novo recurso do Blogger de criar páginas. Abra o formulário criado e clique em formulário – incorporar formulário em uma página web… copie o código e cole na aba Editar HTML de sua página e pronto, você já tem um Formulário de Contato.

Atualização

Artigo complementar: Como receber notificação do formulário de contato do Google Docs.

Rate this post

Quer aprender a ganhar dinheiro com Google Adsense em blogs?

Gustavo Freitas

Problogger e empreendedor digital. Criador do Método Start, que ele utiliza para criar blogs de sucesso e ganhar dinheiro na internet.

Website: http://querocriarumblog.com.br/

92 Comentários

  1. Olá, estou tentando inserir o formulário pro no meu blog porém não compreendo o que fazer quando é dito no site pro assim:

    1. Para copiar pressione as teclas Ctrl + C
    Com todo o texto selecionado basta copiar o conteúdo para a memória do seu computador

    2. Para colar pressione as teclas Ctrl + V
    Abra o arquivo html de sua home page e cole o conteúdo no local onde deseja que o formulário apareça:

    Eu até salvei, no meu computador mas nem sei se fiz direito pq qdo entrei no meu blog para abrir através de ‘inserir imagens’, apareceu uma mensagem assim: servidor rejeitado

    Por favor me ajude a inserir esse bendito formulário?

  2. Imperio dos Jogos

    Olá, gostaria de saber como faço para adicionar mais perguntas. Eu clico em adicionar itens, mas a opção "perguntas" está apagada, ou seja, não tem como selecioná-la.
    Obrigada.

  3. Sybylla

    Gostei muito da dica. Já estou usando.

    Pergunta: é possível gerar gráficos a partir destes formulários de perguntas?

  4. Gustavo Freitas

    Larissa,
    de qualquer maneira você terá que colocar o formulário em uma página, ai de posse desse link (dessa página ou artigo) você vai ao menu e coloca lá. Para colocar vá na área administrativa de seu blog, na aba Editar html e procure pelo código do menu, uma dica é clicar em F3 e procurar por contato, substitua o valor em href= pela url onde se encontra seu formulário.
    abraço.

  5. Larissa de Paula

    Gustavo, olha só eu gostaria de colocar o formulário no meu menu.
    Não gostaria de ter que criar uma categoria nem uma página. Eu já atenho o HTML escrito contato no menu, só preciso que alguém clique nesse menu e seja redirecionado para o formulário.
    Entendeu? Tem alguma maneira de fazer isso?

  6. Laurentino Mello

    Obrigado pessoal pelos comentários, ficamos muito contentes em saber que a infomação está sendo útil.

    Abraços!

  7. Lord Daniel Salem, Príncipe da deusa Nyx

    eu estava querendo colocar Formulário de contato no meu blog… Enfim… achei este blog com esta maravilhosa postagem. Me ajudou! Obrigado! Irei seguir o blog!

    Abraço!

  8. Big Mania

    Obrigado pela a dica !

  9. Hugo Keyserling.

    Obrigado , muito bom o tutorial !

  10. Willianey

    Gente, eu não estou achando essa opção????:

    "clique em formulário – incorporar formulário em uma página web…"

    RODEI TUDO… JÁ CLIQUEI EM TUDO!!!

    A partir da segunda fez…toda vez que vou criar, não aparece mais aquela imagem "questionado onde deseja incluir a nova página" porque isso? Será que o blogger já memorizou? Minha antiga escolha foi "Barra lateral do blog"

    Meu blog é: http://bhipglobalbrasil.blogspot.com
    Meu e-mail princial é: willy_gnose@hotmail.com

  11. Anonymous

    Olha, eu já criei VÀRIOS desses formulários, mas eu faço ele, bonitinho e tals mas um dia eu fui fazer o teste e eu vi em todos os e-mails que eu tenho para ver onde foi parar os dados do formulário quando é enviado para o e-mail do dono do blog e tals.. e não achei! acho que tem um erro no envio desses formulários! ME AJUDEEEEEM!!

  12. Notas & Teclas

    muito boa esta postagem, meu formulário está legal. Porém, aparecem as barras de rolagem, isso atrapalha o visual de meu blog, vcs saberiam como tirar isso? Eu gostaria de fazer o formulário enviar um e-mail automático, agradecendo o contato (para o email, alguem saberia como fazer usando esta mesma planilha do docs?
    Desde já agradeço

  13. Aruã Torres

    Boa dica. Pena que o formulário não é muito customizável, daí deixou a desejar na estética.

    Mas valeu a dica.

  14. Varial

    Muito bom, era isso que eu estava procurando. Foi fácil e pratico, adorei continuem assim.

  15. Maximiliano Brito

    valew cara salvou minha vida!!
    srsrsrsrsrsa
    abraços muito legal esse formulario!!

  16. Vintage Mídia

    Gustavo,
    Fiz o formulario de contato, mas existe um pequeno problema, as duvidas não chegam até o meu e-mail apos enviadas.
    O que eu fa

    Att, Alceu Kunz

  17. Maurício

    Tem como colocar uma imagem de fundo ou deixar o formulário transparente?

  18. Gustavo Freitas

    Que bom que funcionou,
    abraço.

  19. Blog da Educação Física

    Gustavo, muito obrigado.

    Consegui fazer…. ficou bem legal, valeu mesmo.

    Depois eu tento vê se consigo colocar o formulário do ferramentasblog, ele é mais objetivo, por ir direto ao e-mail.

    Mas de qualquer forma, OBRIGADO 😀

    Me ajudou muito 😉

  20. Gustavo Freitas

    Tem sim, esse formulário aqui fica no mesmo blog, só que dá incompatibilidade com as páginas do blogger. sugiro que crie um post mesmo coloque o formulário e na data coloque do início do blog, assim não aparecerá na página inicial.
    abraço.

  21. Blog da Educação Física

    Fiz um formulário de contato, mas quando vou colocar em uma página da erro… dai tive que fazer em outro blog. Gostaria de saber se tem como o formulário ficar no mesmo blog?

  22. Yakuro-Sama

    Eu consigui criar, muito obrigado.

  23. Gustavo Freitas

    Lucas,
    que bom que foi útil,
    um abraço.

  24. Lucas Ferreira Lopes

    Cara, muitoooo bom !!
    Excelente trabalho, a tempos procurava algo do tipo, finalmente pude encontrar, grato pela solução.
    Abraço

  25. Adriana

    Ola Gustavo,consegui colocar no meu blog,não consegui deixar como esta ai em cima,na parte da mensagem de texto ficou pequeno apenas um risco,como eu faço pra deixar o espaço maior como aqui?outra coisa,no assunto,não ficou aquela flechinha para baixo para selecionar a opção,ficou escrito um do lado do outro,tem como arrumar?Gostaria que ficasse extamente igual a este!Muito obrigada pela atenção,adorei

  26. Laurentino Mello

    Obrigado a todos, pelos comentários!

    Abraços!

  27. Catarina

    adorei vi isso ej um blog e queria faer obrigada! so um pergunta gostaria de ser meu parceiro, olha me responde por e-mail catarina_familia@hotmail.com bjus agradeço!

  28. Diego Alves

    Excelente, funcionou perfeitamente no ComputerDicas.
    Obrigado!

  29. Victor Faria

    Opa, desculpe. Desconsidere a minha pergunta. Acho que você já respondeu mais acima. Vou tentar então.

    Abraço!

  30. Victor Faria

    Muito obrigado pela dica!
    Gostaria de saber como que eu faço para receber um e-mail avisando que uma pessoa deixou uma mensagem para mim no formulário de contato?

    Abraço!

  31. Alê Serles

    Obrigado pela dica, consegui colocar no meu!!

  32. Gustavo Freitas

    GuiEdington e Cortissa,
    obrigado por acrescentar as informações ao artigo,
    um abraço.

  33. Cortissa

    Amigos, para ficar sabendo quando alguém respondeu o formulário basta fazer o seguinte:

    1. Na página inicial do Google Docs, clique no formulário desejado.

    2. Clique na aba "Tools" e depois em "Notification rules".

    3. Marque as opções "A user submits a form" e "Email – right away".

    4. Salve as modificações.

    Cada vez que alguém responder às perguntas do seu formulário, uma mensagem será automaticamente enviada para o seu e-mail do Google.

  34. GuiEdington

    Otimo esse formulario

    para ver a resposta é só ver sua conta google, em google docs,
    vc clica no formulario e ve as perguntas o assunto tudo
    e se quiser responder responde para o email do autor da pergunta, pratico e facil.
    quanto ao tamanho é só ir em editar pagina e colocar na pagina em editar HTML, vai em "width="760" " e diminui. op meu mesmo coloquei em 400, mas é muito simples e pratico. adorei!

  35. MizuNoOtome

    Olá, tem como alterar o tamanho da fonte? E quando altero o tamanho no html, fica uma barra de rolagem (eu acho feia). Tem como reduzir de tamanho mesmo e ficar proporcional ao tamanho da postage do blog? Obrigada

  36. Leonardo Laporte

    Parabéns pelas dicas!

    Creditado nos meus favoritos.

    Abraço!

  37. Laurentino Mello

    @Atleta: As mensagens vão para uma planilha do próprio Google Docs.

    Abraços!

  38. Gustavo Freitas

    Ana,
    obrigado pelo comentário, é muito importante sabermos que nossos leitores pensam dessa maneira a respeito de nosso trabalho,
    um abraço.

  39. Ana

    otimas dicas, eu tenho um blog poderia ate falar que ele é o melhor mais o seu é perfeito

  40. Atleta Jessé

    Mais pra onde vai quando as pessoas preencher!!!

    me responda ok

  41. Kárcia & Anderson Piqui

    legal

  42. Gustavo Freitas

    Arthur,
    obrigado pela sugestão, já estamos providenciando uma logo e ai criaremos nosso favicon,
    um abraço.

  43. Arthur XD

    PQ vc num muda o favicon do seu blog?
    desculpa num ter a ver com o assunto, mas o blog eh bom um icone ia fica melhor

  44. Laurentino Mello

    Obrigado pessoal, pelos comentários.

    Abraços!

  45. PROMOVEDOR

    Muito bom !!!
    parabens

  46. Oliveira

    grande dica, estava precisando mesmo de um formulario facil e rapido, só tenho uma duvida, como faço para editar a parte visual? entrar no editor de form que aparece quando vc cria ele pela primeira vez, pois agora abro ele no googledocs e ele abre como uma planilha mesmo.

    obrigado desde já!

    http://redassracing.blogspot.com/

  47. PaulinhoO

    POW

    AKI TA EM INGLÊS TEM COMO MUDA ?

  48. Maria Emilia

    OBRIGADO PELO SEUS TRABALHOS,EU TENHO UM BLOG DE ARTESANATO,E HOJE NÃO SEI COMO CONSEGUIR TIRA OS BLOG QUE EU COLOQUEI NO MEU BLOG,SÃO MINHAS SEGUIDORAS , QUE EU COLOCO NO MEU BLOG COMO PROPAGANDA VOCE ENTENDEU? E AGORA COMO FAZER PARA TER DE NOVO, POIS QUANDO EU FAÇO UM LAYOUT,NÃO TEM A PARTE PARA ADICIONAR.QUE DEUS LHES DE EM DOBRO O QUE VOCES TEM FEITO POR NOS.EMILIA

  49. jdaedo

    excelente o Blog, mais o caeté aqui ainda não assimilou as dicas do formulário no docs. uma hora fui dar na tal planilha e havia um comentario desairoso e chulo. deletei mais depois pensei que deveria anotar o e-mail. não sei se estou certo. sou novo no assunto
    um abraço a todos.

  50. ivine

    ola eu cosseguir os dados e cheguei ate aqui..

  51. Gustavo Freitas

    @Balbino,
    o maneira de utilizar foi alterada pelo Google Docs. com o formulário aberto clique em formulário – incorporar formulário em uma página da web, ai é só copiar o código que será mostrado e colar em sua página.
    um abraço.

  52. Balbino

    Oi, desculpa a pergunta tosca mais não consegui acha o código.

    Criei depois fui la no inicio e cliquei em formulario de conta ae ele abriu em uma planilha so que não to conseguindo agora acha a opção "Incorporar formulário" além disso ele ta em inglês aqui

  53. SPOESS

    oi como deixo ela desgrudada do lado esquerdo tipo chegar mais para direita ,mas só as letras ,obrigado pelas belas postagem

  54. Dating Manual

    Como sempre seus posts me ajudam bastante! Quando mais preciso eles aparecem.

  55. Interpretação de Sonhos

    Ótima dicas! Obrigado mais uma vez!

  56. Tiago_Potter <----->

    Ah sim agora eu consegui, muito obrigado isso me ajudou muito com meu blog, seu blog é 10!!

  57. Gustavo Freitas

    @Tiago,
    você precisa acessar o Google Docs e procurar pelo formulário que você criou, ai abra ele e leia as mensagens enviadas,
    um abraço.

  58. Tiago_Potter <----->

    Muito legal esse blog, adorei o Post mais eu não consigo ver os formularios que as pessoas me enviam onde eu posso ve-los porque eu não consigo achar essa "Planilha" Ok?

    Obrigado

  59. Laurentino Mello

    @Bia: você pode ver numa planilha do Google Docs.

    Abraços!

    @witian: Ate o momento só sabemos da possibilidade de visualizar pelo Google Docs.

    Abraços!

  60. witian

    TEM COMO OS CONTATOS SEREM ENVIADOS PAR O MEU EMAIL E NAO APARECEREM NA PAGINA.

  61. Bia

    Desculpe a pergunta besta mas, onde é que eu vejo o formulario q meus visitantes mandaram? muito legal o post

  62. Gerson (Sites & Negócios)

    Muito bacana este tipo de formulário. Mas eu pessoalmente uso o do kontact, que acho bem interessante também e tem a opção de abrir ele em Ajax(abre a partir de um link por cima do site), que é exatamente o que uso.

    Abraços

  63. Tô sem Tempo

    Olá !! estou aprendendo muito com vcs!
    Formulário criado – tudo certo – mas eu queria colocar uma caixa de "mensagem enviada", mas no blogger só aparece uma tela de acesso à conta do gogle, tem como mudar isso? Outra coisa: como aumentar a caixa de texto do formulário para que a pessoa veja o que escreveu? Obrigadíssima.

  64. gadarf

    Nosso uso sempre o google docs e nem sabia que era possivel, muito maneiro.

  65. Gustavo Freitas

    @Marcos Ribeiro,
    obrigado pelo comentário, nosso objetivo aqui é justamente esse, ajudar os outros,
    um abraço.

  66. Marcos Ribeiro

    Muito bom trabalho. É impressionante como ainda existem pessoas que se preocupam em ajudar os outros.
    Parabéns a vocês !!!

  67. pubwebtv.com

    Olá amigo, suas dicas são ótimas nós do blog: pubwebtv.blogspot.com , sempre estamos catando elas por aqui . Parabéns e forte abraço.

  68. Wilson Bon

    Olá Gustavo!

    Eu fiz todos os passos que vc ensinou, mas na parte que vc diz:

    "cole na aba Editar HTML de sua página e pronto, você já tem um Formulário de Contato."

    Eu não entendi essa parte, a aba q vc diz é a do blog?
    Se for, em que local lá na aba eu coloco o código?

    Um abraço!
    Esse blog é show, estou aprendendo muito!

  69. Gustavo Freitas

    @Agulha3al,
    eu e o Laurentino somos os administradores do blog,
    um abraço.

  70. Agulha3al

    Ué achei que o O gustavo é que iria responder… Bom agradeço a informação e o post!!! Fico feliz em ter onde recorrer na busca de informações. Um bm crescimento ao blog.
    Um abraço!

  71. Laurentino Mello

    Agulha3al: Na verdade, chega um e-mail somente informando que existe uma mensagem no formulário, o gerenciamento das mensagens é feito através do módulo de planilha do Google Docs.

    Obrigado pelo comentário,

    Abraços!

  72. Agulha3al

    Boa tarde Gustavo!! crei o meu formulario utilizando suas dicas, mas ficou um dúvida que não encontrei resposta sozinho… como ser notificado por e-mail? não encontrei isso nas configurações. Sou muito ruim em inglês…

  73. Casa Brasil | Design e Negócios

    Melhor formulário que encontrei até agora é do site http://wufoo.com/
    Ele deixa fazer apenas 3 formulários, é um pouco mais complicado para configurar mas com certeza é o mais decente.

    tem várias opções interessantes.

  74. Laurentino Mello

    @Neuronios Escassos: Ficamos muito contente em saber que o blog tem lhe ajudado, nossa intenção é justamente essa.

    Muito obrigado por sua participação,

    Abraços!

  75. Laurentino Mello

    Ótima dica Gustavo, utilizei para criar um formulário de contato para meu novo projeto que entrará no ar segunda-feira próxima.

    Obrigado!

  76. Baleia Franca - Expansão

    Como eu faço pra esse formulario assumir o layout do meu blog?

  77. -=|ßä¡xë V¡ÞÐöwñ|=-

    Tem como criar a reposta depois de enviar

  78. Pem!

    Estou aprendendo HTML por mim mesmo e esse tutorial me foi muito util, assim como o link para o outro tuto sobre criação de paginas. Me perdi um pouco porque estou com a imagem direto no template e não nos gadgets, mas deu tudo certo. Obrigado!

  79. RAYTH.

    Muito obrigado, isso me ajudou muito, parabéns!

  80. Gustavo Freitas

    @Condec Design,
    eu não aperfeiçoei o formulário, eu faço da maneira que você descreveu, não sei se existe uma maneira de fazer isso, mas se houver será muito interessante e produtivo,
    um abraço.

  81. Condec Design

    Oi, eu fiz tudo e consegui. ficou bom.

    mas só consegui fazer com que chegue uma notificação no gmail, avisando de que um usuário mandou o formulário.(sem a msg)

    gostaria de saber se tem como ver a mensagem do usuário direto na notificação e responder direto pela notificação para o usuário.

    pois é um trabalhão, ir até a planilha dos formularios, ler a mensagem, selecionar o email e responder.

    pensei em por uma fórmula na célula mas não sei como usar as fórmulas la no Google docs.

    Como você fez?

    Obrigado e abs
    Condec

  82. Gustavo Freitas

    @Leandro,
    para pegar o código abra o Google Docs em http://docs.google.com/ e abra a planilha que você criou, clique em Formulário – Incorporar formulário, ai basta copiar o código e colar em seu blog.

    @Made in Anime,
    O formulário é configurável, basta acessar a página em que colou o código do formulário e entrar no modo Edita HTML e mexer na largura e altura.

  83. Made in Anime

    olá eu segui todos os passos conseguir o código
    coloquei no meu blog
    só quem tem um problema
    o formulário de contato ficou com um tamanho fora do padrão ficou muito grande
    desproporcional
    o que fazer
    meu blog é
    madeanime.blogspot.com
    o e-mail é
    madeanime@hotmail.com
    agradeço e aguardo resposta

  84. Leandro Telles

    Boa tarde caro amigo, Estou começando a entrar no mundo dos blogs e ainda sou leigo em certas partes.
    Segui passo passo a instruções para criação do formulário, deu tudo certo, mas não consegui o codigo html para postar, sera que vc pode me ajudar?

    Obrigado!

    Parabens pelo blog

Deixe uma resposta