Wufoo - um formulário de contato para o Blogger - Dicas Blogger '+g+"
Home » Utilidades » Wufoo - um formulário de contato para o Blogger
Wufoo - um formulário de contato para o Blogger
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! )
ATUALIZAÇÃO ( 09/04/10) Para colocar o formulário de contato dentro do post ,acesse:
Formulário de contato dentro do post
Atualização: No presente momento (dezembro de 2010), o Wufoo não está mais oferecendo contas gratuitas para usuários brasileiros. Uma alternativa é o http://www.123contactform.com/
Anônimo 11 de fevereiro de 2009 17:53
Poxa Juliana, você não lê o UsuárioCompulsivo?
Andréa Motta - Conversa de Português 11 de fevereiro de 2009 18:36
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.
Juliana 11 de fevereiro de 2009 18:52
Compulsivo...foi mal! rsss
Ler eu leio, mas esse post passou batido.
Unknown 11 de fevereiro de 2009 18:58
nossa Juliana este post aqui muito bom vou começar a me inscrever e fazer um contato para meu blog obrigado pela dica
HeversonRocha™ 11 de fevereiro de 2009 22:05
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!
Anônimo 11 de fevereiro de 2009 22:42
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.
Fada 12 de fevereiro de 2009 00:51
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
Anônimo 12 de fevereiro de 2009 10:05
O Especialista 12 de fevereiro de 2009 11:16
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
Anônimo 12 de fevereiro de 2009 12:36
Muito melhor esse formulário para contato, vou salvar esse post e em breve pretendo implementá-lo no meu blog.
Anônimo 12 de fevereiro de 2009 12:45
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!
Karla Guimarães 12 de fevereiro de 2009 13:47
Quanto tiver dificuldade em paginas em ingles, use o google tradutor.
Willian Coutinho 12 de fevereiro de 2009 13:59
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
Leonald 12 de fevereiro de 2009 17:58
ja tinha visto esse formulario mas nao sabnia configurar!
vlw aew!!!
Yuri Fernando 12 de fevereiro de 2009 18:12
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?
Baixe Games de Graça 12 de fevereiro de 2009 19:28
Valew pelo formulário! Muito bom!
doug 12 de fevereiro de 2009 19:38
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....
Anônimo 13 de fevereiro de 2009 04:09
Até que enfim um formulário que preste, gastei 30 minutos customizando, heehe
Anônimo 13 de fevereiro de 2009 07:29
Simples e elegante, já botei para rodar no Museu da Propaganda.
Anônimo 13 de fevereiro de 2009 14:31
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
Unknown 13 de fevereiro de 2009 15:28
Já uso esse formulário há seis meses e não tenho do que reclamar. O wufoo é excelente.
Karla Guimarães 13 de fevereiro de 2009 16:09
Amei o formulário! Show de bola!
Tohn 13 de fevereiro de 2009 17:13
Amei o formulário! Show de bola!²
Valeu Juliana "Pirarucu"
an3to 13 de fevereiro de 2009 19:52
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
*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.
Aramintas Couto 13 de fevereiro de 2009 22:01
Queria dar uma olhada na tua "about page" mas nao consegui. Abraco
Junior Silva 17 de fevereiro de 2009 02:04
Já o uso a bastante tempo embutido em um post (embed) e nunca tive problemas...
Fábio Assunção 3 de março de 2009 05:16
Adorei este post, simplismente ótimo, valeu.
Anônimo 3 de março de 2009 17:34
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!
Igor Garcia 3 de março de 2009 17:36
Ju, o form do Wufo é perfeito, especilamente na customização da propria logo marca!
Muiito obrigado!
Anônimo 26 de março de 2009 07:42
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!
Anônimo 26 de março de 2009 07:43
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???
João Moreira 24 de abril de 2009 11:00
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 =)
Luiz Roberto Lins Almeida 11 de maio de 2009 23:39
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
Gato Guga 21 de maio de 2009 18:11
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.
Juliana 21 de maio de 2009 18:21
Oi Guga!
Seu post ficou ótimo!
Tentei comentar lá, mas só deu erro.
Gato Guga 21 de maio de 2009 18:44
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
Raphael Oliveira 29 de maio de 2009 18:40
Que seria de nós sem o DB, Juliana para presidente :)
Cristiano Costa 6 de junho de 2009 11:49
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".
Aline Girão 7 de junho de 2009 12:45
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...).
E parabéns pelo blog!
Aline Girão 20 de junho de 2009 18:49
Como encaixar o formulário na área de postagem?
Agradeço novamente a atenção.
Anônimo 25 de junho de 2009 12:41
Mais uma vez você nos tira do sufoco, suas dicas são D++++.
Já estou com o formulário no blog.
Para quem perguntou como mudar de 'submit' para 'enviar', procura na aba themes -> properties -> buttons, e na caixa button type substitua o texto.
Lucy Sem Fronteiras 7 de agosto de 2009 14:30
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!
Unknown 4 de setembro de 2009 17:49
juliana copio 1 ou 2 segundo codigo p/ por no blog?
Unknown 23 de outubro de 2009 23:00
Juliana você sabe como retirar o link "report abuse"? próximo ao botão submit:
antoniocarlosgonc@gmail.com 24 de outubro de 2009 17:07
Copiei o código ,agora onde colo?
Eduardo Andrade 31 de outubro de 2009 01:15
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.
www.bodyboardcapixaba.com
Vitória de Oliveira 7 de novembro de 2009 20:07
obrigado ficou otimo!
Admin 17 de novembro de 2009 21:21
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!
Kenicius 27 de novembro de 2009 18:00
me ajudo pakas! vlwwwwwwwwwwwwwwwwwwwww!
Anônimo 23 de fevereiro de 2010 23:54
Gostaria de saber como faço para inserir o meu formulário no meu blog, da blogger. Obrigado.
Ana Márcia de Souza 15 de março de 2010 14:44
Maravilha de dica , parabéns pelo blog , muitíssimo útil!
estou iniciando com um projeto , e suas dicas estão me ajudando muito .
www.entrebatonselivros.blogspot.com
Para quem quiser visitar.
Santiago Régis 2 de junho de 2010 19:15
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á?
Astral Service 29 de julho de 2010 18:45
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.
Webmaster do AstralService
Elisabete De Mello 7 de agosto de 2010 15:40
Os dados são somente na língua inglesa. Tem como modificar os dados? Grata.
Elisabete De Mello 7 de agosto de 2010 15:59
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!
Anônimo 28 de dezembro de 2010 14:04
Tentei fazer o meu formulário e não deu certo, infelizmente o Wufoo não está mais disponibilizando o fomulário grátis.