Formulário de contato para o blog- simples, fácil e gratuito!

em 5 de março de 2013


Como a gente está cansado de saber não é muito prudente deixar nosso email exposto no blog. Robots varrem a internet e capturam endereços de email, e de repente você começa a receber centenas de mensagens de spam por dia.

E junto com as mensagens indesejadas que lotam nossa caixa de entrada chegam também os vírus, malwares, cavalos de tróia, e os temidos spywares.

Mas tamém é preciso deixar uma forma de contato mais pessoal do que o formulário de comentários do blog. Especialmente se você trabalha usando a internet e o blog (artesãs, blogueiras como eu, escritores, pessoas que vendem pela internet, etc) ou se precisa disponibilizar uma forma de contato mais profissional.
É aí que entra o formulário de contato.

Vou ensinar hoje como criar a sua conta e gerar um formulário de contato no mesmo site que gera meus formulários de contato.
Não é difícil, embora o site esteja em inglês. Mas com um pouco de esforço e força de vontade vai dar certo.
Leia atentamente, ok?

Para começar acesse este site:
123 Contact Form 
Ao entrar você verá esta página:

123 contact form

Clique no botão verde Sign up for free; vai abrir esta oitra página:

criar conta no site que gera o formulário
Escolha o tipo de conta que deseja criar. Se optar pelo modo free (como eu) clique no botãozinho Sign up verde.
Vai abrir esta página:
Preencha os campos solicitados:
Username: seu nome para login. Sem espaços, sem caracteres especiais tipo til ou cedilha;
Password: uma senha;
Confirm password: repita a mesma senha escolhida;
Email: seu endereço de email para onde as mensagens deixadas no formulário serão enviadas;

Depois de preencher tudo clique em Create Account. Vai abrir uma página de confirmação e a seguir esta página:
criação do formulário de contato

Clique na primeira caixinha, Contact Form. Vai abrir esta página:

Onde aparece Contact Form você pode apagar e dar o nome que desejar. Eu nomeei o meu como Contato. A seguir clique no botão azul OK
Você verá então isso:

Agora basta alterar para o português os campos de seu formulário. 
Você faz isso clicando sobre cada campo a ser alterado. 
Ao clicar abre a janela lateral, você apaga o que está em inglês (name, message, untitled quando gerar mais um campo e Send email) e coloca os respectivos nomes em português. 

Como eu disse, para acrescentar mais campos clique em ADD FIELD no canto superior esquerdo. Para mudar a posição dos itens clique sobre o campo que desejar mudar e arraste.

Depois dessa parte pronta clique em Form Settings, no alto desta mesma página. Vai abrir esta:


Marque a caixinha que aparece na frente de seu email e altere o texto de confirmação (Your message has been sent. Thank you for filling out our form!) para a frase que desejar. Será esta frase que aparecerá quando alguém escrever pra você usando seu formulário.
Role a página até o final e clique no botão verde Save.
Ainda nesta página veja este menu, na lateral esquerda:


Clique na aba Security. Na página que abrir configure assim, pra tirar as letras de confirmação (captcha) do formulário.  
Se desejar mantê-las marque a opção Smart Captcha. Role a página e clique em Save.

Agora vamos escolher as cores do botão. No Blogger não é possível ter fundo, apenas mudamos a cor dos botões. Para isso clique em Theme, nesta mesma página. 
Escolha a opção que desejar e após selecionar clique em Save.

Finalmente vamos gerar o código do formulário. Clique em Publish Form e escolha a opção Blogger. Copie todo o conteúdo da caixinha de código.

Vá ao seu painel administrativo do Blogger e crie uma nova página estática. Coloque o editor de texto em mdo html e cole o código copiado no 123 Contact Form. Clique em Publicar.
Está feito, seu formulário de contato está pronto e aceitará até 100 envios mensais.

O artigo é longo e bem detalhado, mas é muito simples de fazer. Releia tudo até ter assimilado o que precisa ser feito.
Gostou?
Compartilha? Isso ajuda o blog a crescer e me deixa feliz...



Caso você queira um formulário mais elaborado, ou não tenha tempo ou paciência para fazer entre em contato comigo, a gente combina e eu faço pra você.

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.

32 comentários , comente também!

  1. Olá querida Elaine, como vai? Espero que tudo bem :)

    Gostei muito da dica de hoje, estou incrementando o bloguitcho da minha Mamys, ela está animada a voltar a escrever e estava procurando exatamente um formulário de contato para colocar no blog dela :) Sua sugestão veio a calhar :) Obrigada por compartilhar conosco, seu passo a passo está super claro e simples de seguir :)

    Grande beijo e que sua semana seja ótima!! :D

    ResponderExcluir
  2. Olá Elaine

    A ideia é fantástica...adorei e vou colocar em prática.
    Ótima 3º feira...

    AMIGA da MODA by Kinha

    ResponderExcluir
  3. Oie, vou tentar fazer para o blog da loja do marido. É bom demais isso Elaine, o que você fez pra mim tem funcionado direitinho, bjs.

    ResponderExcluir
  4. Mais um tutorial que vai ajudar muito blogueiro... Deixar o e-mail no blog até ajuda, mas além daquela confusão de ter trocentas propagandas chegando no email, o formulário de contato é mais prático pra quem quer se comunicar com o blogueiro, nem precisa abrir seu emai....

    Eu tenho um no meu blog, vou ler esse com calma, vai que é melhor?

    E Elaine aproveito pra convidar vc e os leitores do seu blog para passarem no meu que esse mês está rolando festa de aniversário do blog e vão ter várias promoções com sorteio de livros, filmes e séries, duas delas já estão no ar:

    http://pitacosdelua.blogspot.com.br/2013/03/sorteio-seguidores-comentaristas-pitacos-lua.html

    ResponderExcluir
  5. Há tempos utilizo o Wufoo. Mas infelizmente nas contas free só pode ser criado 1 formulário. http://www.wufoo.com/
    Mas de qualquer forma, serve como dica extra ao seu post. Uso o 123contact em um de meus blogs e gosto do estilo. Mas me acostumei ao Wufoo.

    abraços

    ResponderExcluir
  6. Elaine,
    Boa tarde!
    Menina, que blog é esse? Nossa estou encantada com seu jeito simpático de se comunicar com as leitoras e com as dicas que tenho encontrado aqui, sobre layaut, configurações, templat etc.
    Quero muito fazer um templat personalizado para o meu blog, mas não sei :/
    beijosss (to te seguindo no meu blog)
    http://coisasdazuh.blogspot.com.br/

    ResponderExcluir
  7. Segurança é muito importante. Gostei da dica flor.

    bjs,
    www.amoglamour.com

    ResponderExcluir
  8. Você é fera...obrigada mais uma vez...mais ele fica assim mesmo ou eu fiz algo errado?
    http://claudiadtt.blogspot.com.br/
    Beijos!!!

    ResponderExcluir
  9. Olá Florzinha!
    Mais uma ótima dica! Não sei se vou dar conta, mas vou tentar fazer no meu bloguito e depois te conto!!!
    Posso te dizer uma coisa? ADORO quando tem um novo post seu, porque sei que você está aí, firme e forte! E porque sei que tem coisa boa pra eu espiar!!!
    Beijos em seu coração,
    Cris

    ResponderExcluir
  10. Adorei a dica! Mas qdo fui fazer fiquei com duvida qdo vc diz " crie uma nova página estática". O q è isso? Como faz?
    Já teve algum post explicando sobre isso??
    Sou meio perdida msm, rsrs.
    Bjs

    ResponderExcluir
  11. Mais um artigo super útil! Simples, fácil de entender. Adorei! Aos poucos e com sua ajuda, tô conseguindo dar uma carinha legal ao meu blog. Obrigada!
    bj
    Ruth
    http://confessionariodaruth.blogspot.com.br/

    ResponderExcluir
  12. Adorei sua dica, mas nao sei como altero a caixinha de enviar mensagem. No seu existe limpar e enviar, como faço?

    ResponderExcluir
  13. Muito bom mesmo...adorei as dicas, legal a alteraçao do cabeçalho do corpo.


    http://gospelptc.blogspot.com.br/p/sites-ptcs.html

    ResponderExcluir
  14. Muito bom! Fiz no meu blog!
    Adorei tudo por aqui. Vim do Blog da Larissa.

    Beijos

    ResponderExcluir
  15. Amei!! Muito obrigada por compartilhar essa dica!! :)

    ResponderExcluir
  16. Ola, gostei muito do seu tutorial e inclusive do seu blog, com esse tutorial aprendi corretamente como colocar formulario no meu blog que estou começando sobre games. Fico muito grato!
    Caso queira visitar meu blog, por favor, avontade :D
    blog: http://joystickart.blogspot.com.br/

    ResponderExcluir
  17. Obrigada ajudou muito, gostei.
    Grande beijo

    ResponderExcluir
  18. Meu Deus! adoro seu blog!!! Sigo várias dicas! E esta foi mais uma! Adorei esse formulário!

    Beijos querida!

    Livros... Eu quero ler sempre

    ResponderExcluir
  19. Post muito bem explicado. Obrigada.

    ResponderExcluir
  20. Não só consegui fazer o formulário para Contato, aproveitei as dicas e fiz um formulário para os clientes fazerem os pedidos.

    Muito obrigada!

    ResponderExcluir
  21. Este comentário foi removido pelo autor.

    ResponderExcluir
    Respostas
    1. Como não sei exatamente o que você fez não tenho como ajudar.
      Sugiro que releia o tutorial e veja se não pulou nenhuma etapa.

      Excluir
  22. Elaine fiz meu formulario, mais coo faço pra colocar ele no meu MENU pq qnd coloco o link aparece o codigo junto com o formulario!
    Help
    http://vocesemprediva.blogspot.com.br/

    ResponderExcluir
  23. ola elaine muito obrigado pelo imail qe vc mandou mim ajudou muito boa tarde

    ResponderExcluir
  24. Oi Elaine,
    Esta é mais uma dica que estou levando pro meu blog. Estou acrescentando como mais uma opção de contato, mas ainda deixando o endereço de e-mail lá, porque eu gosto quando os blogs têm essas opções.
    Mais uma vez obrigada pelas dicas e tutoriais preciosos que você nos ensina.

    Beijos
    Blog Patrícia Aprendendo
    Facebook

    ResponderExcluir
  25. Fiz todo o passo-a-passo, mas nada se alterou no meu blog....O que fiz de errado?

    ResponderExcluir
  26. Oi Elaine!

    Adoro seu blog, sempre que preciso de alguma dica, venho correndo aqui, rsrs.
    Inseri o formulário de contato conforme suas instruções, e deu super certo. Obrigada por sempre nos salvar nos momentos difícies.
    Bjos!

    ResponderExcluir
  27. Elaine preciso de ajuda kkk estou a criar um blog do zero para um projeto, e adivinha o que aconteceu? Coloquei (procurei) uma Template, até ai tudo bem, coloquei redes sociais tudo bem, pàgina sobre mim, faqs, contato, publiciade ok e tem uma outra barra no "meio" onde é a home, e onde vou colocar os topicos que o blog aborda. O meu problema é:
    Como eu faço para colocar as postagens dentro desse topicos/abas/separadores? Na home coloquei o link do blog. Exemplo: um dos separadores é receita, o outro desafios e o outro exercicios. Escrevo um post de receita quero colocar na aba receita (para ficar organizado) como faço? Ja dei 1001 volta à cabeça ja fiz o que não devia kkk entendeu a pergunta ou ficou meio confuso? Obrigada =)beijo

    ResponderExcluir
    Respostas
    1. Procure na categoria Menus aqui do blog, acho que em um dos tutoriais eu expliquei como fazer isso :)

      Excluir

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…