Formulário de Contato para o Blogspot

Aqui vai uma ótima dica para quem precisa ter um Formulário de Contato por Email em seu Blogspot.  Esta é uma ferramenta imprescindível para quem tem um Blog Comercial.  Todo o tutorial abaixo faz parte da Apostila.

Conheça a Apostila "Como Fazer um Blog Comercial ou Transforme o seu em Site"

Criar um Formulário de Contato por Email

Você vai precisar de um formulário de contato por email para os seus clientes entrarem em contato contigo.  Há sites que usam o Outlook.  Mas é muito ruim porque nem sempre as pessoas tem configurado em seu computador o Outlook.  Vamos utilizar para tanto o JotForm.

Abra uma aba no seu browser e digite no Google a palavra “JotForm login”.

Clique em “login” ou “Sign Up”, dê enter e aparecerá o que mostra esta imagem:

Digite o nome do seu Blogger em letras minúsculas sem espaços entre as palavras.  Digite seu Gmail e digite a senha duas vezes.  Clique em “Criar Minha Conta”.

Na proxima imagem, começará a configuração com todo o cuidado.

Com o mouse toque com o botão esquerdo na caixa de texto e arraste para o centro.

Caixa de Texto será onde você vai após arrastá-la para o centro, escrever o que você quiser que seu cliente preencha no formulário de contato.  Como; Nome, Email, DDD Telefone, Assunto ou o que você achar necessário.

Repita quantas vezes for.  Até chegar a Área de texto que será uma caixa para textos maiores.  Nela você escreverá Mensagem ou Texto.

Para nomear a Caixa de texto e a Área de texto, clique sobre elas no centro.  As letras ficarão na cor azul.  Digite neste espaço o que quiser.

Ficará como está nesta próxima imagem:

Escolhi na Caixa de Texto o Nome, Email, Telefone e Assunto.  Na Área de Texto escrevi Texto.  Veja na imagem acima como ficou o meu formulário de contato.

Clique agora  em “Ferramentas Avançadas” no menu do lado esquerdo.  Vai abrir um lista de opções e você irá arrastar a “Captcha” para o centro,  entre o botão “Enviar” e a “Área de Texto”.

Configure a Largura do Formulário .  Escolha 535  e clique em OK– imagem abaixo.

Alinhamento do rótulo é como você quer que os nomes das caixas fiquem.  Se acima da caixa, ou ao lado.  Escolha “Alinhamento no Topo”.

Configurar a cor do “Fundo”. Clique em “Fundo” que vai abrir uma paleta de cores para você escolher a cor do formulário que combine com o seu Blogger.

Configurar a “Cor da Fonte”.  Clique em “Cor da Fonte” que vai abrir uma paleta de cores para você escolher a cor da fonte.  Escolha preta se o fundo for de cor clara e branca se o fundo for de cor escura.

Configurar “Obrigado”.  Clique em “Setup & Embed” e depois em “Obrigado”.

Na janelinha que abriu, marque “Mensagem de Agradecimento”.

Agora mude o texto em inglês para o equivalente em português.  Também escolha o tamanho da fonte (letra) do texto.  Aconselho  “ 6 (24pt) ou 7 (36pt)”.  Teste e decida.

Configurar “Alertas de email” em “Setup & Embed”.

Vai abrir o que mostra a imagem abaixo.  Escreva exatamente conforme abaixo. Esta parte é importantíssima a atenção para que dê tudo certo.

Nome do remetente:  Nome   (Escreva a palavra Nome)

Remetente do E-mail: Email   (Escreva a palavra Email)

Reply-to Email: Nenhum   (Escreva a palavra Nenhum)

Escreva ao centro o nome do seu Blogger

Confira o endereço de email se está correto e clique em “Próximo”.

Escreva o nome do seu trabalho no centro deste quadro.  Confira se o email que está à direita é realmente o seu de contato.

Na próxima fase, veja se o que está marcado na imagem abaixo, corresponde ao nome do seu Blogger.  Se estiver, clique em “Finalizado”.

Clique em “Salvar”.

Clique em “Setup & Embed” e em “Código Fonte”.

Copie o código com o botão direito do mouse.

Abra o “Bloco de Notas” do Windows ou o equivalente e cole este código.  Vamos precisar dele agora criando a página de “Contato” do seu  Blogger  Comercial.

Para inserir este código no Blogger, crie uma página e dê o nome de "Contato".  Clique em "HTML" na página, cole o código e clique em "Atualizar".  

Teste o formulário mandando um email, recebendo e respondendo.  Verifique tudo.