Fique Ligado nas Notícias!

Colocando um formulário de Fale Conosco no seu Blog

Neste tutorial irei mostrar de forma descomplicada como colocar um formulário simples de fale conosco no seu blogger.

Primeiramente deves criar uma conta no formfacil para que possamos criar o formulário através dessa ferramenta On-Line.

Logo em seguida logue-se no formfacil e va no painel a esquerda em criar:

Após criar seu formulário preencha ao lado direito suas configurações para o formulário. É possivel customizar as cores também conforme seu gosto.

Selecione então Texto Simples para que possamos criar um campo de texto.
Clique sobre o campo e então edite suas propriedades: Nome:
No menu à direita selecione sim para o campo ser obrigatório
Agora criaremos o campo E-mail.
Clique novamente sobre Texto Simples e na propriedade do campo digite: Email:
E na caixa à direita deixe como campo obrigatório, mesma coisa que fizemos no campo anterior.

Agora faremos o campo Assunto, no meu caso eu usei um campo selecionável para que o visitante do blog possa selecionar qual o assunto ele deseja tratar ao enviar seus dados. Clique no painel esquerdo na opção Lista de Opções e na caixa direita selecione o nome das opções que irão aparecer no campo.

Agora incluiremos nosso ultimo campo, o campo de Mensagem clicando em Texto Descritivo. Novamente marcaremos como campro requirido no panel direito.

Após configurados os campos clique em salvar e logo após no menu esquedo em Publicar, para que possamos copiar o código para postar no blog.

A seguir abrirá uma caixa contendo o código para o formulário de contato copie-o.

Agora Logue-se no blogger e vá para Editar Postagens, Editar Páginas e Clique em Nova.

Cole o códio que foi copiado do formfacil e digite o nome para a página. Lembrando que Width será a largura que o formulário terá e Height será sua altura, se quiser poderá alterar esses dados conforme o tamanho da sua página no blogger.

Agora iremos para a Aba Design e selecionaremos Adicionar Gadgets no menu direito do blog. Selecione a ferramenta HTML/JavaScript

Agora salve e acesse sua página inicial do blog e confira como ficou seu formulário.
Postar um comentário