Primeiro passo – Criando o formulário de contato – Configurações

Nesta parte estaremos criando o formulário para ser inserido na página criada anteriormente. O site que usaremos é uma dica que surgiu de um comentário de uma outra matéria minha originada de um comentário do amigo Mad Resgate onde ele indicou o site que vamos falar agora. Obrigado amigo!

Vamos iniciar

1. Acesse o site e se cadastre
2. Faça o login e aparecerá uma tela para a criação do formulário
3. Vamos dar um nome e uma descrição para este formulário
4. Altere a linguagem para o português no campo LENGUAGE
5. No campo abaixo “CONFIRMATION OPTIONS” edite a mensagem que será exibida após o envio do formulário. Por exemplo: Sua mensagem foi enviada com sucesso. Em breve entrarei em contato. Obrigado!

Mais abaixo temos muitas outras configurações como enviar uma mensagem para a conta que foi cadastrada no site sempre quando alguém entrar em contato (muito recomendado, diga-se de passagem). E também o Captcha que é um controle muito legal para spams.

Segundo passo – Criando o formulário de contato – Adicionando os campos

Neste segundo momento o que precisamos fazer é escolher os campos de nosso formulário.

1. Clique em ADD A FIELD para abrir as opções
2. Veja que do lado esquerdo da tela se abriu as opções de campos que o site oferece
3. Vamos utilizar 3 campos básicos em nosso formulário. Dois Single line text e um Paragraph text. Basta clicar em cima de cada campo que aparecerá no lado direito da tela
4. Agora vamos editar os campos. Clique em cima do campo e do lado esquerdo apareceu várias opções. Vamos usar apenas uma “FIELD LABEL”. Os campos que eu escolhi foram: Nome, E-mail e Mensagem
5. Temos também como deixar o campo nome, por exemplo, um campo requerido, aquele que nunca pode ficar em branco para isto basta clicar em “REQUIRED” logo mais abaixo

Existem outras configurações importantes mais não vamos nos alongar mais pois não é o foco deste tutorial.

O último passo agora é salvar o formulário clicando em “SAVE FORM”. Pronto agora temos um formulário para o nosso blog.

Inserindo o formulário no blog

Lembrando que estou utilizando um blog desenvolvido por mim onde já tem a gadget Top-Menu. Não sei se em um blog não desenvolvido por mim tem está gadget.

Sabendo disso, vamos ao que interessa. Para esta parte do tutorial estarei usando um dos blog que desenvolvi a Marcella por uma solicitação feito por ela.

Escolha seu formulário e repare na parte inferior da tela a opção “CODE”. Nesta tela selecione a opção “EMBED FORM CODE” e a seguir selecione e copie o código que está na opção “JAVASCRIP VERSION” como mostra a imagem abaixo. Copie este código

Voltamos para o Blogspot na página que criamos e vamos colar o código assim como na imagem abaixo.  Salve e veja o resultado.

Espero ter ajudado de alguma forma. Em caso de dúvida, entre em CONTATO.

Forte abraço a TODOS

Você pode gostar também:

Outros posts:

1. Tutorial – Criar página de contato no Blogspot – parte 1
2. 2 fantásticos sites para criar formulários de contato grátis
3. Vídeo tutorial: mudando seu blog com meu template no blogspot
4. Contador no Blog? Ah, moleza!!!
5. Novo template – Abstrato | wordpress e blogspot