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"
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.
