Arquivos do Website:

Wufoo formulário de contato grátis para colocar em blogs do Blogger ou WordPress


Instale um formulário de contato da Wufoo, para os usuários do seu blog entrarem em contato com você! Os formulários de contato da Wufoo são eficientes, profissionais e personalizáveis; são fáceis de personalizar, você não precisa entender nada de códigos, basta clicar nos itens que você deseja instalar no formulário. Na versão gratuita, você poderá criar até 3 formulários personalizáveis e receber até 100 mensagens por mês.


Imagem: clubdosfanaticos.blogspot.com

Vamos criar um formulário de contato, do zero, simples e funcional!

1)Acesse o site da Wufoo;
2)Clique no link Sign Up for Free;
3)Preencha os dados e clique em “Create Account”, para criar uma conta gratuita;
4)Após criar a conta, você será encaminhado(a) para a página "Form Manager";
5)Em Form Manager, clique no botão de link New Form!;
6)Agora, chegou a hora de você adicionar os campos no seu formulário de contato. Clique nas opções da esquerda, para criar os campos na direita... siga a sequência: Name, Email, Single Line Text e Paragraph Text.
7)Agora, você deve editar o formulário; clique no primeiro campo do seu formulário, que está à direita "Untitled Form".



8)Em "Form Name", dê um nome para o seu formulário, logo mais abaixo faça uma descrição, escolha o idioma; em "Confirmation Options" você pode colocar uma mensagem para ser exibida quando uma pessoa lhe enviar uma mensagem. Logo mais abaixo, ative a opção anti-spam, em "Limit Form Activity", escolha "Auto"(Recommended). Veja um exemplo abaixo:


9)Depois, clique nos campos "Name, Email, Untitled e Untitled", para editá-los. Marque a opção "Required" para cada opção de campo. Veja um exemplo, abaixo:


10)Após fazer as personalizações necessárias, clique em “Save Form”. Há Três opções: Continue editing this form, Setup email notifications for this form e I'm finished! Take me back to the Form Manager. Escolha a Segunda opção... Setup email notifications for this form.
11)Na página "Notification Settings", informe o seu endereço de e-mail, em "Set Reply To", escolha E-mail. Depois que você terminar a personalização, clique em Save.
12)Localize no menu acima o link "Forms" e clique nele;
13)Passe o mouse no link do seu formulário e licalize o link "Code" e clique nele;
14)Você poderá copiar um dos links do seu formulário de contato e adicionar na página do seu blog. O link abrirá o formulário de contato na página do Wufoo.
15)Há também a opção Embed Form Code. Eu particularmente prefiro esta, pois deixa o formulário de contato dentro das páginas do blog! Copie a primeira opção de código "JavaScript Version (Recommended)";
16)Vá até o Painel de controle do Blogger => Criar nova postagem => Clique na opção HTML => Cole o código do formulário =>Dê um título para o artigo com o formulário de contato => Clique em Publicar => Copie o link do artigo e cole no menu de links da página do seu blog.

Quanto à largura do formulário de contato, você não precisa se preocupar, pois ele se ajustará automaticamente à largura da página do seu blog!

O formulário de contato do seu blog, vai ficar parecido com o formulário de contato do Portal Terra Brasil! Para o post com o formulário não aparecer na página principal do seu blog, antes de publicá-lo você pode definir na opção "Programar" (ver Configurações de Postagens... menu à direita do vídeo), uma data bem anterior a todas as postagens da página principal do seu blog.

Para editar, deletar ou criar mais formulários, basta você fazer login no site do Wufoo (Escolha a opção "Forms")! Ao editar um formulário de contato no site da Wufoo, que já esteja instalado nas páginas do seu blog, não há necessidade de copiar o código novamente para colar nas páginas do blog, pois ele se atualiza automaticamente!

Aqui eu expliquei a versão simples da personalização do formulário de contato; mas, você pode escolher a opção "Themes" no menu acima. Na opção "Themes" você pode criar formulários de contato bem coloridos e, poderá até colocar uma imagem no cabeçalho do tema (A imagem deve estar hospedada num servidor de imagens; hospede-a no seu blog mesmo e copie o link da imagem para usar no formulário!), colocar fundo, personalizar fontes etc. Siga as dicas do site... conforme você vai clicando nos itens, o formulário vai exibindo as alterações automaticamente. Depois de terminar a personalização, clique em "Save Theme". Divulgue o acesso ao formulário nas páginas do seu blog, conforme explicado anteriormente. Os formulários de contato da Wufoo podem ser instalados não só em blogs do Blogger, mas também, em blogs WordPress (Veja instruções na opção Embed Form Code, em WordPress Shortcode) use o pequeno código ou o plugin)!