Se você está atrás de um bom formulário de contato grátis, funcional, profissional e totalmente personalizável. O Wufoo pode fazer tudo isso não só para a plataforma Blogger, mas para qualquer outro sistema de blog e/ou site.
O sistema de formulários que uso no Códigos Blog e recomendo, principalmente para aqueles que não tem acesso a nenhuma hospedagem externa ao Blogger.
Acesse o site: www.wufoo.com, faça seu cadastro e aprenda a fazer o seu formulário:
1º – Faça seu login;
2º – No painel de controle clique em “New Form!”;
3º – Agora é a hora de criar o formulário que você quer. Como estamos trabalhando com a parte free do site, algumas funcionalidades não estão disponíveis, como por exemplo: upload de arquivos.
Escolha os tipos de campos a serem usados:
- Single Line Text: Campo pequeno e simples para texto;
- Number: Campo simples e pequeno para números;
- Paragraph Text: Campo maior para texto;
- Checkboxes: Caixa de opções que permitem mais de uma escolha;
- Multiple Choice: Caixa de opções que permitem uma única escolha;
- Dropdown: Caixa de opções estilo Drop Down que permite uma única escolha;
- Section Break: Adicione algum texto no formulário;
- Page Break: Faça paginação do formulário;
- Name: Campo para Nome e Sobrenome;
- File Upload: Envia arquivo pelo formulário (não permitido para conta grátis);
- Address: Campo de endereço completo;
- Date: Campo de data;
- Email: Campo de email;
- Time: Campo de Hora;
- Phone: Campo de telefone;
- Web Site: Campo de link;
- Price: Campo de moeda (quantidade de dinheiro);
- Likert: Campo de escolha em forma de tabela.
Obs.: O Wufoo permite apenas 10 campos por formulário para contas Free.
Obs.2: O Wufoo permite até 3 formulários por conta Free.
4º – Escolha os campos que vão ser usados e clique em cada um para editá-los.
A única dificuldade em trabalhar com a ferramenta é o fato de o site ser em inglês. Mas nada que o Google Translate não faça.
Após terminar a edição do Form, clique em “Form Settings” e faça as seguintes modificações:
- Form Name: Coloque o nome do seu formulário;
- Description: Faça a descrição do seu formulário;
- Language: Coloque a língua usada em seu páis;
- Label Placement: Organize a forma de alinhamento do formulário;
- Confirmation Options: Escolha entre notificar a pessoa por meio de uma mensagem que o e-mail foi enviado (Show Text) ou escolha direcionar a pessoa para alguma página (Redirect to Web Site). Obs.: (Redirect to Web Site) é um serviço autorizado apenas para o Wufoo pago;
- Limit Form Activity: Programa o formulário para desativar após receber X e-mails enviados;
- Allow Only One Entry Per IP: Ativa o sistema que não aceita o envio de mais de um e-mail por IP;
- Schedule Form Activity: Lista a atividade do fomulário.
5º – Agora que terminou a parte do formulário é hora de incluir o e-mail que vai servir como caixa de entrada. Clique em “Save Form”.
Ao aparecer uma nova tela, clique em “Setup email notifications for this form”.
6º – Coloque seu e-mail no campo: “Your Email Address” e clique em salvar.
7º – Volte para a página inicial e clique em “View” para ver o formulário correspondente.
8º – Para inserir o form em seu blog, clique em “Code”, em seguida escolha as formas de publicar:
- Link to form: Divulgue apenas o link do formulário;
- Embed Form Code: Publique o formulário diretamente em sua página usando Javascript ou Iframe (ambos são aceitos no Blogger);
- Full Page Form Code: Faça download do formulário pronto para usar em seu servidor;
- Pop-up Form Link: Publique o formulário em forma de Pop-Up;
- XHTML/CSS Code: Use o formulário em seu servidor;
- Via Email: Envia o link do formulário por e-mail.
O seu formulário está pronto! Para aqueles que querem melhorar o visual do seu formulário aguarde o próximo post aqui no Códigos Blog.