PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

03/07/2017

Como inserir um formulário de contato JotForm no Blogger

image

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].

image

Digite o nome da sua página, como “Contatos”, por exemplo. Depois clique no botão [HTML].

image

2) Copiando o código do JotForm

Acesse o aplicativo JotForm. Se não estiver conectado faça o login do site.

image

No formulário que você criou, clique em More. Depois selecione [Publicar].

image

Clique na aba [Incorporar].

image

Clique no botão [Copiar].

image

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.

image

Veja como ficou a visualização do nosso exemplo.

image

Volte para o painel do Blogger e clique em [Publicar].

image

Pronto, a sua página de contatos está concluída.

image

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.

image

Clique em [Editar].

image

Marque a caixa de seleção da sua nova página, que no nosso exemplo é Contatos.

image

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.

image

Depois de tudo definido, não esqueça de clicar no botão [Salvar].

image

Pronto, sua nova página de contatos está inserida no menu…

image

Para conferir nossa página de teste, clique em: Página de Testes Visual Dicas

byALF

0 comentários:

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics