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
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 !
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.
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.
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 )
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!
5 comentários
Obrigada *--* http://paisagemdejanela.blogspot.com
ResponderRafael primeiramente parabens pelo blog eexcelentes postagens.
ResponderBom 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
Já consegui Rafael, basta pedir pra exibir como HTML e colar.
ResponderProblema que formatei de uma maneira e quando colei no site ficou diferente.
Responderdo nome pra caixa de texto ta com espaço pequeno, quando jogo no meu blog o espaço ficou muito grande
basta colocar na pagina estática em html que vai aparecer o formulário!
Responder