quinta-feira, 10 de maio de 2012

Como adicionar um formulário de e-mail no blog

Neste primeiro post vamos aprender como colocar um formulário de e-mail como este abaixo no blog.



Tudo será explicado detalhadamente para que qualquer pessoa menos experiente consiga fazer.

Vá na página inicial do Google Docs e clique no botão Create e depois em Form.



Crie um formulário com três itens: Name, E-mail Address e Message (pode ser em português mas, neste caso, temos que usar o Google Docs em português também para manter a coerência com os outros dados do formulário). Edite o campo Question Title para Name e clique em Done.



Edite o outro campo Question Title para E-mail Address e clique em Done.



A seguir em clique em Add item e em Paragraph text.



Em Question Title digite Message e confirme clicando em Done.



Clique Save e o formulário já está pronto para ser adicionado ao blog.



Clique em More actions e em Embed.



Copie o iframe e cole no blog e o formulário pode ser fechado.



Agora é preciso utilizar um script para enviar as notificações para um endereço de e-mail quando uma pessoa preencher o formulário e clicar em Submit. Para isto volte na página inicial do Google Docs selecione o documento recém-criado e abra-o. Clique em Tools e em Script gallery.



Procure por Contact Us Form Mailer e clique em Install.



Depois de instalado, clique em Authorize.



Feche a janela do Script gallery.



Clique em Tools e em Script editor.



Adicione, entre as aspas selecionadas na imagem abaixo, (var recipient = "";) um endereço de e-mail para receber as notificações, e clique no botão de salvar (com a aparência de um flop disk).



Clique em Resources e em Current script's triggers.



Clique em No triggers set up. Click here to add one now.



Selecione ContactUsMailer, From spreasdsheet e On form submit. Depois clique em Save.



Quando solicitado clique em Authorize.



Clique em Save novamente.



Pronto! Para fazer o teste vá até o blog, preencha o formulário e envie. Se receber a notificação por e-mail, tudo está funcionando corretamente.


O autor
Minha foto Juarez Pereira
Unaí - MG, Brasil
Visualizar meu perfil completo

2 comentários :

  1. Gostei do tutorial. Parabéns! Se possível, eu gostaria muito de saber como adaptar este código para enviar um formulário mais completo(com nome, telefone, endereço, data de nascimento, etc.) e fazer também com que o remetente receba uma cópia do formulário. Desde já, obrigado!

    ResponderExcluir
  2. Através do Google Docs, não sei se é possível (sou iniciante no assunto), acho que só com estes três campos mesmo, mas utilizando outros sites especializados, você pode criar formulários personalizados com todos os campos que você quiser, inclusive com uma mensagem de confirmação para o remetente (não sei se é possível enviar uma cópia do formulário). O melhor site para a criação de formulários que conheço é o myContactForm.com. Obrigado e espero ter ajudado!

    ResponderExcluir