Criar um Formulário de Contato



Formulário de Contato por Dicasblogger.net

Ter um formulário de contato hoje no blog ou site é fundamental, para que os leitores entre em contato pelo formulário, sobre parcerias, duvidas, contato direto e entre outros assuntos, então, resolvi criar um tutorial de Jotform.
Jotform é um sistema gratuito e bem completo e o melhor é muito fácil de usar e em português, também serve para varias plataforma inclusive, Blogger, e WordPress.

Uso aqui no DicasBlogger.net , o Formulário de contato feito no JotForm, Clique aqui pra ver 


Como Iniciar o formulário no Jotform

Não é necessário criar uma conta para criar um "formulário de contato",  Dicasblogger.net  deixa a dica para criar a conta para ter um controle melhor e não perder o formulário do seu site e ter que refazer novamente acaso ocorra alguma divergência!

1º Passo:  Deixe seu jotform em português, no canto inferior esquerdo, o site inteiro ficara em português facilitando muito o desenvolvimento do formulário de contato !



2º Passo:  Crie uma conta que é bem simples,  preencha o formulário e cria sua conta no "jotform".


3º Passo: criar o formulário de contato, vou ensinar  a usar o básico, mas a ferramenta é tão simples e intuitiva que tudo se torna simples e básico. 


Em "Ferramentas de  Formulário" > Crie um "Cabeçalho" com o nome de sua preferência (Ex: Formulário de Contato) .
Depois adicionei 3 Caixa de texto, com os seguinte texto: Nome , Email e Assunto, nos 3 coloquei como requerido, cliquei com botão direito em cima de cada caixa e tiquei como "Requerido" .

Também adicionei uma Área de Texto onde vai a "Mensagem".


Para finalizar o Formulário de contato, vamos modificar o botão enviar Formulário, clique com botão direito do mouse no botão e vá em "Mostrar Propriedades"  e seguir os passo da imagem abaixo.

Agora o formulário já esta montado.

4º Passo:  Configurar um email para receber os contatos enviados, e também uma mensagem agradecendo o contato e avisando que a mensagem foi enviada com sucesso.


Cliquem em:  "Setup & Embed" ou “Compartilhar Formulário”  essa parte por estar em inglês ou português por isso citei as duas. Nessa aba abrira um menu acima com com  as opções:

"Alertas de email" - Onde configura o email que deseja receber as notificações enviada pelo formulário de contato.

"Obrigado" - Onde cria uma mensagem agradecendo o contato e informando que a mensagem foi enviada com sucesso, essa parte é importante que mude, pois ela se encontra em inglês os dizeres.

"Incorporar Formulário" - Aqui você pode incorporar o formulário com o sistema que vai utilizar o formulário de contato.

"Código Fonte" - Aqui vai estar o código em JavaScrip, com ele que vamos adicionar o formulário de contato no site blog e outros de sua preferência!

"Preferências" - aqui pode ativar e desativar  mutadar tamanho, titulo e outras funções básicas.

Feito esses passo a cima seu formulário de contato vai estar pronto para utilizar no seu site ou blog. basta clicar em "Código Fonte" e pegar o código gerado do formulário de contato e aplicar ao blog ou site, sugiro que no blogger seja criado uma Pagina estática. (Como Criar uma PaginasEstáticas no Blogger )



Clique para ver o Resultado final do Formulário de Contato criado nessa tutorial.

Lembrando o que foi ensinado acima pode ser totalmente modificado e melhorado da forma que fique de acordo com a sua necessidade . JotForm está sendo considerado um dos melhores sistema de criação de formulário grátis disponível atualmente.
 Bom pessoal  espero que esse tutorial ajude seu site a ter um  formulário de contato, bem moderno e estruturado com esse ferramenta fantástica que é o jotform.


Espero que esse tutorial seja útil!  Expresse sua opinião, comente e tire suas duvidas...
                         SIGA @DicasBlogger.net agora e mantenha-se mais atualizado!

Recomendamos que leia também

5 comentários

2 de agosto de 2012 às 14:36

Obrigada *--* http://paisagemdejanela.blogspot.com

Responder
avatar
5 de janeiro de 2013 às 17:55

Rafael primeiramente parabens pelo blog eexcelentes postagens.

Bom jah criei a pagina estatica e copiei o codigo, agora como faço pro formulario aparecer no meu blog?

onde coloco o codigo que copiei?

desculpa a pergunta mas sou iniciante em blog

obrigado

neo

Responder
avatar
5 de janeiro de 2013 às 18:02

Já consegui Rafael, basta pedir pra exibir como HTML e colar.

Responder
avatar
5 de janeiro de 2013 às 18:07

Problema que formatei de uma maneira e quando colei no site ficou diferente.

do nome pra caixa de texto ta com espaço pequeno, quando jogo no meu blog o espaço ficou muito grande

Responder
avatar
5 de janeiro de 2013 às 18:56

basta colocar na pagina estática em html que vai aparecer o formulário!

Responder
avatar