Como Colocar formulário de Contato no Blog? Como começar um blog de Odontologia? parte III

comocolocarformulriocontatoblog4.jpg

Este é um post voltado para dentistas, portanto se você não for um pode “pular uma casa” até o próximo post. Este é mais um post da série Tutorial para dentistas.

Uma das principais funcionalidades de um blog é seu formulário de contato. Pois, é através dele que você vai ter um contato, uma crítica ou sugestão do leitor de seu Blog. No meu caso a maioria dos contatos, são de pessoas que gostaram do post e perguntam dúvidas sobre algo que eles têm vergonha de fazê-lo nos comentários por exemplo.

Até agora utilizava um formulário de contato do Kontactr em todos os meus blogs, porém ultimamente o formulário começou a dar mensagem de erro e os leitores reportaram que não estavam conseguindo mandar as mensagens. Usei o novo código fornecido por eles e voltou a funcionar porém, só recebia o nome e a mensagem do remetente, já o E-mail, telefone, website não! Depois de muito procurar e testar achei um formulário eficaz que não precisa de inscrição e o melhor, está em português. O Jot Form – “Construtor de forma fácil” foi a forma mais simples de construir este formulário. Vou fazer um tutorial bem simples deste formulário:

comocolocarformulriocontatoblog.png

Ele é bem intuitivo, bastam cinco minutos fuçando para aprender todas suas funcionalidades.

comocolocarformulriocontatoblog1.png

Você vai iniciar com o “Assistente de Novo Formulário” escolhendo os tipos de formulário. Optei pelo “Formulário em branco”, mas você pode escolher modelos prontos.

Na barra lateral esquerda na “Aba Ferramentas de Formulário” você pode iniciar escolhendo seu cabeçalho arrastando-o para o centro ou dando um clique em cima.

comocolocarformulriocontatoblog2.png

Primeiro você deve começar escolhendo um tema  na Aba “Estilo do Formulário” ou pode personalizá-lo na íntegra incluindo o fundo, fontes, tamanho, cor da fonte, largura do formulário, largura do rótulo e alinhamento.

No meu caso escolhi dentre os vários temas o tema XXL pois tem o mesmo fundo do Blog. Então, passamos a inserir e personalizar as outra caixas de texto e funcionalidades.

Ainda na barra lateral esquerda clique na aba Ferramentas Rápidas e no sub ítem Nome Completo para acrescentar o nome do remetente.

comocolocarformulriocontatoblog3.png
Depois acrescentei o campo para E-mail, também uma caixa de texto para colocar Website/Blog, assunto e o texto da menssagem. Ficou mais ou menos assim:

comocolocarformulriocontato.png

Depois de tudo pronto, você deve clicar em Propriedades: Mensagem para colocar o e-mail a ser notificado:

comocolocarformulriocontato1.png

Depois clique em próximo e na próxima tela coloque no campo “Assunto:” que é o título a ser recebido no seu E-mail e clique em “Finalizado”.

comocolocarformulriocontato2.png
Agora você precisa pegar o código HTML para colocar no seu Blog. Clique no ícone azul “Incorporar Formulário” e depois escolha a plataforma do seu blog, WordPress ou Blogger, no meu caso escolhi o Worpress que é a plataforma do Orto Para Todos.

comocolocarformulriocontato3.png
O resto é com você! No Blogger ou WordPress faça um post e cole o código no modo HTML e veja como ficou. Não esqueça de mudar a data da publicação do post para uma data antiga para o formulário não sair na página atual do blog. Faça o teste e veja se deu tudo certo.

Comentários via Facebook

2 comments

  1. Muito bom Koga, mas vc não está usando formulários de contato no seu blog… por que? Abs!

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *