sexta-feira, 25 de novembro de 2011

Formulário de contado em Lightbox

Introdução

Olá meus leitores, seja bem vindo a mais um tutorial aqui no blog. Hoje estarei ensinando a aplicar um formulário de contato em lightbox no seu blog. Como você já deve saber, lightbox é uma caixa flutuante que se sobrepõe no blog podendo ser várias as transições.

Vamos usar o mínimo de código. Pra isso, usaremos o site jotform para ajudar. O jotform é um site para criar formulários, que na minha opnião, o melhor. São várias as opções para personalização e para aplicação no blog, e dentre eles está a opção lightbox.

Veja um exemplo

Instalação

Como funciona: Simples é eficaz. Será aplicado um link no seu blog, que ao clicar, abrirá automaticamente um lightbox com o formulário criado por você. Veja como fazer isso:

1. Entre no jotform.

2. Crie seu formulário. (Veja mais)

3. Após ter criado o formulário clique na opção “Setup & Embed”.

Setup Embed 

4. Clique em “Incorporar formulário”. (Obs: se abrir uma caixa pedindo para você colocar seu emai, coloque-os, pois esse vai ser o email que vai receber os outros).

Incorporar Formulário 

5. Clique em “Lightbox”.

lightbox

6. Caso queira personalizar sua lightbox clique em Customize, depois copie o código.

Customizar lightbox

6. Agora é só colar o código em algum lugar do seu blog. Você pode estar colocando em algum local no seu Editar HTML, ou simplesmente adicionar como um novo Gadgat “HTML/Javascript”.

Observações

Exitem casos de a lightbox não funcionar, isso ocorre pelo fato de um ou mais scripts estarem entrando em conflito, que ocorrem pincipalmente com slides e galerias, mas também pode entrar com qualquer outro elemento em seu blog que use javascript externo.

Marcadores: , , , ,