Wufoo - um formulário de contato para o Blogger

Wufoo - um formulário de contato para o Blogger

6 10 99
Wufoo - um formulário de contato para o Blogger 10 6 99

Passeando pelo blog Conversa de Português, da querida Andréa Mota, descobri um serviço que disponibiliza ( finalmente ) um formulário de contato decente para os usuários do Blogger. Trata-se do Wufoo. O uso não é nada simples, mas o efeito final compensa. Já vou avisando que dá um trabalhão, principalmente para quem, como eu, não domina o inglês.

Fiz um tutorial bem básico e recomendo muitos testes antes da publicação.

O cadastro é simples. Logo depois, aparecerá uma página com a seguinte frase "Holy tabula rasa! You don't have any forms! Let's go make one!. Clique em Let's go make One. Em seguida, aparecerá uma outra página que é a de configuração.

Do lado esquerdo, aparecerão diversos ícones com suas respectivas descrições. Nada mais são do que os ítens que poderão ser adicionados ao formulário. Para editá-los, basta clicar sobre eles ( o fundo ficará azul ). O segredo é ir adicionando e testando, pois fica a critério de cada um quais os campos que serão incluídos. Para salvar, clique no ícone verde e para deletar, clique no ícone vermelho.

No formulário do Dicas Blogger eu adiconei nome, email, website, assunto e mensagem. O preenchimento de todos os campos são obrigatórios. Para fazer o mesmo, marque a caixa required em cada um dos campos que você deseja que sejam obrigatórios..

Uma vez terminada a edição, clique em save forms. Você será direcionando à esta página:

Escolha a segunda opção. A partir daqui, configure em qual email você deseja receber as mensagens, clicando em notifications. Para obter o código, clique em code.

O tema padrão poderá ser alterado. Clique na aba themes e se divirta!

Como o Blogger não se relaciona bem com códigos do tipo embed, sugiro que vocês utilizem a url que irá apontar para o formulário. No meu caso, o código embed ( que é o ideal para colocar dentro de um post ) entrou em conflito com os anúncios da sidebar.


Aproveito para recomendar o blog da Andréa, onde ela se coloca à disposição para tirar dúvidas sobre Língua Portuguesa. ( eu mesma já usei o serviço! )

Formulário de contato dentro do post

56 Comments
Comments
  1. Poxa Juliana, você não lê o UsuárioCompulsivo?

    []'s
    Compulsivo

    ResponderExcluir
  2. Oi, Juliana! Eu nem lembro mais no blog de quem eu encontrei o Wufoo e concordo com suas palavras: "Finalmente um formulário decente!".

    Agradeço pela divulgação do Conversa; tenho muitos projetos pra ele.

    Um abraço!

    ResponderExcluir
  3. Compulsivo...foi mal! rsss
    Ler eu leio, mas esse post passou batido.
    Bjs

    ResponderExcluir
  4. nossa Juliana este post aqui muito bom vou começar a me inscrever e fazer um contato para meu blog obrigado pela dica

    ResponderExcluir
  5. Olá Juliana!
    Eu já tinha experimentado o Wufoo antes!
    Eu tbm não domino inglês, mas nada que o tradutor do São Google não dê jeito!

    Eu já tinha visto ele no Codigos Blog, fui atrás e levei mais de uma hora para configurar ele, pois são muitas formas de customizalo...

    Abraços e Sucessos!

    ResponderExcluir
  6. Já uso este formulário desde que comecei, descobri o mesmo no FerramentasBlog quando o mesmo indicou em uma postagem o formulário Pro. Me perguntei. Porque ele usa outro? Então descobri o Wufoo, deu um trabalhão, mas ficou legal.
    Abraços!

    ResponderExcluir
  7. Olá!

    Confesso que não vasculhei tanto aqui pra saber se voce já falou deste site de formulário de contato... mas eu procurei um bocado e quando achei esse gostei muito.
    http://www.formsite.com/

    Espero ter sido útil

    Abraço!

    ResponderExcluir
  8. Perfect!

    Lendo o bê-a-blog da Nospherat, não gostei do formulario que ela indica no blossque ai vim aqui e qual o primeiro post que encontro, como por magica:

    "Um formulario decente para o blogger"

    Agora a Juliana ta atacando de mãe Diná também é?!?!

    brincadeiras a parte, sua dica veio muito a calhar!!

    Grato pelo carinho

    O Especialista

    ResponderExcluir
  9. Olá Juliana,

    Muito melhor esse formulário para contato, vou salvar esse post e em breve pretendo implementá-lo no meu blog.
    Abraços,

    Júnior

    ResponderExcluir
  10. Legal, Juliana. Semana passada que comecei a pensar em formulários para pôr no blog. Estou testando e conhecendo os que me vão aparecendo...rsss

    Gostei deste!
    Um beijo.
    Marcelo.

    ResponderExcluir
  11. Juliana,

    Quanto tiver dificuldade em paginas em ingles, use o google tradutor.

    Bjss

    ResponderExcluir
  12. Olá Juliana,

    Há algum tempo eu estava utilizando um outro serviço de fomulário, o formsite (http://formsite.com) não sei se vc conhece. Mas mudei para um formulário aderido à postagem mesmo.

    Mas, bem legal a dica. Valeu

    ResponderExcluir
  13. ja tinha visto esse formulario mas nao sabnia configurar!
    vlw aew!!!

    ResponderExcluir
  14. Olá juliana, eu to com um probleminha no meu formulário. Eu fiz tudinho que vc mandou e quando eu fui testar... O email que eu mandei não chegou!!! o que eu faço?

    ResponderExcluir
  15. Jú tudo bem?
    Olha realmente já uso esse formulário a um tempinho e é bom mesmo, uma dica os e-mails são enviados para o e-mail cadastrado e a pessoa tabem pode verificar no proprio site clicando no botão " Entries " que lá vc tem um caixa postal....
    abraços

    ResponderExcluir
  16. Até que enfim um formulário que preste, gastei 30 minutos customizando, heehe

    ;)

    ResponderExcluir
  17. Simples e elegante, já botei para rodar no Museu da Propaganda.

    ResponderExcluir
  18. Muito boa a sua indicação Juliana! Já estou usando no blog. Uma pena ele não ter na versão free o redirecionamento para uma outra página, mas mesmo assim está de bom tamanho. Abraços, Jefferson

    ResponderExcluir
  19. Já uso esse formulário há seis meses e não tenho do que reclamar. O wufoo é excelente.

    Abraços

    ResponderExcluir
  20. Amei o formulário! Show de bola!²

    Valeu Juliana "Pirarucu"

    ResponderExcluir
  21. Nossa muito boa a dica...

    E eu tenho uma para o pessoal que está utilizando o formulário e quer que redirecione pra seu blog ...

    É o seguinte...quem fizer o formulario para abrir no endereço do wufoo.

    Tem como a pessoa criar um redirecionamento pra seu blog... para isso vá em EDIT -> FORM SETTINGS e em CONFIRMATION MESSAGE digite o código

    mensagem

    *obs. no código aonde tá escrito "mensagem" digite algo para a pessoa ao clicar ser redirecionada ao seu site, no meu caso eu escrevi simplesmente "voltar".

    *obs2. essa caixa de texto Confirmation Message é o que vai aparecer após a pessoa enviar a mensagem.

    espero ter ajudado

    abraço

    ResponderExcluir
  22. Juliana,
    Queria dar uma olhada na tua "about page" mas nao consegui. Abraco

    ResponderExcluir
  23. Já o uso a bastante tempo embutido em um post (embed) e nunca tive problemas...

    ResponderExcluir
  24. Adorei este post, simplismente ótimo, valeu.

    ResponderExcluir
  25. Ju, o form do Wufoo é perfeito! Completamente customizável, ainda pode adicionar sua própria logomarca, tudo isso de graça!

    Pelo projeto que estou fazendo, adorei!! Muito obrigado!

    Bjs n'alma!

    ResponderExcluir
  26. Ju, o form do Wufo é perfeito, especilamente na customização da propria logo marca!

    Muiito obrigado!

    Bjs n'alma!

    ResponderExcluir
  27. olá ! Juiliana como faço para traduzir o botão SUBMIT (enviar)???
    Essa Foi a única coisa que não consegui fazer, o resto deu tudo certinho!

    ResponderExcluir
  28. Juliana! Fiz tudo conforme vc ensina aqui e deu tudo certo! Só não consegui traduzir o botão SUBMIT (enviar) vc poderia me ensinar???

    ResponderExcluir
  29. Juliana:

    Antes mesmo de "encontrar" o Dicas, quando vi que não tinha jeito (e não teve mesmo nem depois do Dicas e do Compulsivo) de reabilitar o Comentários no Blogger, já havia utilizado o Wufoo como saída.

    É mais que decente, mesmo não podendo ter a visualização do comentário no blog, sei que por ele também posso responder.

    Fiz um teste sem querer querendo, e aponta que ele está lá só onipresente, mas não visualizado.

    Ficou uma coisa trabalhosa responder com ele, mas muito intimista e ajuda muito dentro da proposta do blog e foi a solução que encontrei.

    []'s Arierom =)

    ResponderExcluir
  30. Finalmente consegui instalá-lo!
    mais uma vez obrigado! (ah... será que tbm estou comentando em texto antigo pra subir no Top comentarista? - adorei seu comentário no twitter.)
    beijão do gordo

    ResponderExcluir
  31. Olá Juliana, tudo bem?
    Excepcional dica esta, aliás, você sempre traz dicas preciosas.
    Com sua permissão e claro, mantendo os créditos à você, compartilhei este post em meu blog, adicionando algumas dicas para ajudar aos leitores a criar os formulários, que são mesmo excelentes, dado a customização possível.
    Espero que não se importe pelo fato de eu ter citado o seu blog.
    Abraço amigo,

    ResponderExcluir
  32. Oi Guga!
    Seu post ficou ótimo!
    Tentei comentar lá, mas só deu erro.
    Abraços

    ResponderExcluir
  33. Que bom que aprovou Juliana.
    Usando FF3 o comentário abriu normal. Lembro que o IEca, como você mesma denunciou, hoje está com problemas com o blogspot. Abraços

    ResponderExcluir
  34. Que seria de nós sem o DB, Juliana para presidente :)

    Abraços.

    ResponderExcluir
  35. Tutorial perfeito já tinha passado aqui algumas vezes mas não fiquei muito tempo e agora graça a Voce meu blog tem um Formulario de contato "decente".

    Parabens pelo otimo trabalho

    ResponderExcluir
  36. Oi, Juliana!
    Como colocar um botão de acesso para fazer o link com o formulário? (Peguei todos os códigos do wufoo, mas não consigo fazer funcionar...).
    Obrigada pela atenção e ajuda.
    E parabéns pelo blog!

    ResponderExcluir
  37. Oi, Juliana!
    Como encaixar o formulário na área de postagem?
    Agradeço novamente a atenção.

    ResponderExcluir
  38. Juliana,
    Mais uma vez você nos tira do sufoco, suas dicas são D++++.
    Já estou com o formulário no blog.
    Grata por compartilhar.
    Para quem perguntou como mudar de 'submit' para 'enviar', procura na aba themes -> properties -> buttons, e na caixa button type substitua o texto.

    ResponderExcluir
  39. Olá Juliana,
    poxa vim agradecer por mais este post, pois finalmente consegui criar um formulário do meu gosto e o mais importante: que funciona!!!!
    E vc tem razão: o serviço é maravilhoso, mas para quem não tem preguiça, pois é importante criar e sim, testar (e testar muito!), até sair o resultado desejável. Mas o legal é que pode-se personalizar tudo na aparência do formulário. E tb consegui colocar uma msg para aparecer ao final do envio da msg e um link redirecionando ao blog novamente.

    Como sou nova a comentar por aqui, nem sei se poderia deixar, mas em todo caso, deixo o link do formulário que criei, caso queira dar uma olhada:
    http://amorepazsemfronteiras.wufoo.com/forms/formulario-de-contato/

    Agora falta só incluí-lo ao blog.
    Fiz testes e recebi tudo direitinho, perfeito!.

    ahhh só uma coisa: tentei visualizar o seu modelo de formulário no link que vc disponibiliza acima, mas não é possível, pois dá uma msg dizendo que o fomrulário é privado e portanto não podemos visualizar.

    Mais uma vez muito grata por este post tbe boa vontade em compartilhar.
    Paz, bençãos e sucessos a ti Juliana!

    Lucy

    ResponderExcluir
  40. juliana copio 1 ou 2 segundo codigo p/ por no blog?

    ResponderExcluir
  41. Juliana você sabe como retirar o link "report abuse"? próximo ao botão submit:

    ResponderExcluir
  42. Tenho uma duvida.

    Cmo que eu faço para intrega-lo ao corpo do blog assim como esta em seu contato, que vc sa no seu blog. Assim a pessoa clica em contato e abre uma página no corpo do blog e não uma página externa. caso isso não seja possivel, que me passae uma fórma, para que a pessoa volte ao meu blog após o envio. EX: enviou a mensagem a pessoa retorma automáticamente.

    Desde já agredeço

    Eduardo

    Meu blog:

    www.bodyboardcapixaba.com

    ResponderExcluir
  43. Olá Juliana!

    Sempre tive o Dicas Blogger como referência. Tava procurando um formulário de contato, tentei o FormulárioPro, mas tá OFF e o Wuffo não me agradou muito. Resolvi buscar outras alternativas e acabei encontrando o JotForm (http://www.jotform.com/)

    Mesmo assim, obrigado pelas dicas!

    Cezar Ferreira

    ResponderExcluir
  44. me ajudo pakas! vlwwwwwwwwwwwwwwwwwwwww!

    ResponderExcluir
  45. Gostaria de saber como faço para inserir o meu formulário no meu blog, da blogger. Obrigado.

    ResponderExcluir
  46. Olá Juliana

    Maravilha de dica , parabéns pelo blog , muitíssimo útil!
    estou iniciando com um projeto , e suas dicas estão me ajudando muito .
    Obrigada

    www.entrebatonselivros.blogspot.com

    Para quem quiser visitar.

    ResponderExcluir
  47. Juliana só uma dúvida:
    no formulario que eu fiz apareceu um link dizendo "Report Abuse" ao lado da tecla de submit, como falo pra tirar esse negócio de lá?

    abraços

    ResponderExcluir
  48. Gostei do formulário wufoo. Mas estou com um pequeno problema e gostaria de sua ajuda: Gostaria de colocar apenas um campo para nome e ele sempre pede dois(nome e sobrenome). NO exemplo que vc fez saiu com espaço para um único nome. É assim que quero. Como vc fez isso?

    Juliiana pode rsponder aqui mesmo. aguardo sua resposta.

    Um abraço!

    Waterfire
    Webmaster do AstralService

    ResponderExcluir
  49. Boa tarde,
    Os dados são somente na língua inglesa. Tem como modificar os dados? Grata.

    ResponderExcluir
  50. Obrigada. Já descobri. É só entrar na aba Field Seetings e ir modificando a lingua, o modelo das linhas e ETC. Grata. A gente é mesmo muito folgado e fica perguntando tudo, quando descobre não volta aqui para contar! Beijos!

    ResponderExcluir
  51. Tentei fazer o meu formulário e não deu certo, infelizmente o Wufoo não está mais disponibilizando o fomulário grátis.

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top