Como criar um formulário de contato gratuito para o blog - * Blog Elaine Gaspareto *

Como criar um formulário de contato gratuito para o blog

em 17/10/2017

Como criar um formulário de contato gratuito para o blog

Cerca de 4 anos atrás eu publiquei aqui no blog um tutorial que mostra como criar um formulário de contato gratuito para usar no blog.
Ele ainda funciona perfeitamente mas de lá pra cá as telas que mostrei no tutorial mudaram, então resolvi atualizar o tutorial e mostrar as novas opções que estão disponíveis.
Para começar acesse o site que vai gerar o seu formulário de contato: 123 Contact Form
A seguir clique em Sign Up, que aparece no alto da tela, a direita. Abrirá uma página de opções, selecione a versão free (claro, selecione uma paga se preferir...).
Expandirá essa janelinha:

Preencha com seu email, insira a senha que deseja, conforme a senha e clique em Sign up.
Você será direcionado para uma página onde verá isso:


Clique em Contact & Lead Form.
Aparecerá essa janela:


Clique em Start with this template para editar, acrescentar ou excluir campos do formulário.
Para deletar algum campo (eu, por exemplo, deletei o  Phone) basta clicar no ícone da lixeira que aparece ao clicar sobre o campo que deseja editar ou excluir.
Para editar o texto de cada campo clique sobre ele; aparecerá, na coluna lateral esquerda, os campos editáveis.
Se quiser acrescentar mais campos basta clicar em ADD Fields, aí mesmo nesse menu lateral.
Editou com os campos que deseja? Então vamos personalizar!
Clique em Settings, no alto do menu.
Agora vá abrindo as páginas para editar:

  1. Notifications: eu não mexi nela, mas se quiser pode editar e ir testando; porém não tem necessidade.
  2. Tank you page: é a página para inserir um agradecimento ao leitor que enviou email. Apague a mensagem em inglês e redija a sua. Eu usei a clássica: "Obrigada pelo contato, retornarei seu email assim que possível".
  3. Themes: você vai escolher a aparência de seu formulário, coisas como cores do botão, de fundo, etc. Para editar clique em Duplicate e vá selecionado como desejar. Visualize e quando terminar clique em Save and aplly.
Terminou a edição? Clique em Publish, no alto do menu, e escolha a opção de onde irá inserir seu formulário. No caso de ser no blog escolha Blogger, mas como você verá pode ser inserido em praticamente qualquer lugar.
Se optar por ter o formulário no Facebook será gerado um app, mas é muito simples e fácil.

Supondo que você escolheu Blogger clique dentro da caixa com o código gerado e o copie.
Agora vá até o painel de seu blog e clique em Páginas, no menu lateral esquerdo.
Clique então em Nova Página e no editor de texto que expandir reverta-o para o modo HTML (basta clicar em HTML, no alto do editor de texto).
Cole então o código do formuário, nomeie a página se desejar e publique normalmente, como uma página comum.
Simples e fácil.
Não é?


Dicas extras:

  1. Caso futuramente queira alterar a cor ou os campos do formulário basta ir ao site 123ContactForm , fazer login e alterar lá.
  2. As alterações serão automaticamente aplicadas ao formulário presente em seu blog.
  3. Cada conta free dá acesso a 5 formulários distintos.
  4. Não é permitido retirar os créditos.
  5. O formulário é responsivo.
  6. Além dos campos tradicionais é possível criar formulários mais complexos, com perguntas de múltipla resposta, e na versão paga dá até pra incluir um botão para carregar arquivos.
Quer ver o tutorial antigo e conferir como tudo mudou? Acesse:





Olha o meu formulário, que criei para elaborar este tutorial:



Form generator powered by 123ContactForm.com | Report abuse



Gostou do tutorial, querido leitor?
Aproveite, e se puder curta, compartilhe ou comente no post; eu agradeço muito!
0 comentários via Blogger
comentários via Facebook

Nenhum comentário:

Postar um comentário

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…



Visualizações

Contando...

Dias online
Postagens
comentários