Formulário de Contato JotForm
Já mostramos aqui no Visual Dicas como criar um formulário de contato gratuito a partir do aplicativo JotForm: Como criar um formulário de contato gratuito para colocar no seu blog ou site.
Neste post vamos mostrar como inserir o formulário no site. Vamos usar como exemplo os 3 CMS mais utilizados no mercado, que são: o Blogger, o Wordpress e o Joomla.
Nesta primeira parte vamos mostrar como inserir formulário de Contato JotForm no Blogger. Nas próximas postagens mostraremos como colocar o JotForm no Wordpress e no Joomla.
Colocando o JotForm no Blogger
1) Crie uma página estática
Diferentemente das postagens, as páginas estáticas não possuem uma data de publicação e não permitem comentários. Elas são utilizadas para criar áreas que não precisam de interação com seu leitor, como o índice de artigos, página de contato e a página de informações sobre seu blog.
Acesse o site: Blogger
Após fazer o login, entre no painel do blog onde será criada a página estática de contato. Selecione [Páginas] e clique no botão [Nova página].
Digite o nome da sua página, como “Contatos”, por exemplo. Depois clique no botão [HTML].
2) Copiando o código do JotForm
Acesse o aplicativo JotForm. Se não estiver conectado faça o login do site.
No formulário que você criou, clique em More. Depois selecione [Publicar].
Clique na aba [Incorporar].
Clique no botão [Copiar].
3) Colando o código na página estática do Blogger
Volte para o Blogger e em HTML cole o código que você copiou. Após o código copiado, clique em [ Visualizar] para você verificar como vai ficar a sua página de contato.
Veja como ficou a visualização do nosso exemplo.
Volte para o painel do Blogger e clique em [Publicar].
Pronto, a sua página de contatos está concluída.
4) Coloque a página no menu do Blogger.
Se você tem um menu horizontal ou vertical, coloque sua página de contato como mais um elemento para seus usuários.
Caso você não saiba como criar um menu, leia: Como criar um menu simples na nova interface do Blogger (2015).
Para acrescentar a nova página de contatos no seu menu, localize o Gadget Páginas.
Clique em [Editar].
Marque a caixa de seleção da sua nova página, que no nosso exemplo é Contatos.
Se desejar, arraste a página até uma nova posição no menu. No nosso exemplo vamos manter a página na última posição do menu.
Depois de tudo definido, não esqueça de clicar no botão [Salvar].
Pronto, sua nova página de contatos está inserida no menu…
Para conferir nossa página de teste, clique em: Página de Testes Visual Dicas
0 comentários:
Postar um comentário