Um formulário lightbox é uma janela que aparece quando os visitantes clicam em um link. Esta é uma maneira fácil de compartilhar seus formulários com os visitantes. Quando o lightbox for aberto, ele irá se sobrepor à página que contém o link. O lightbox terá a seguinte aparência:
Obtendo os Códigos de Incorporação para o Lightbox
Siga as etapas abaixo para começar:
- Abra seu formulário no Criador de Formulários e acesse a guia Publicar.
- Clique em Incorporação no menu de navegação esquerdo.
- Role para baixo e selecione a opção Lightbox.
- Na página seguinte, você pode copiar o código clicando no botão verde Copiar Código. Também é possível clicar no botão Visualização para conferir sua aparência.
Personalizando o Lightbox
Para personalizar a aparência do lightbox, clique no botão Personalização, conforme mostrado na captura de tela acima. Na seção de personalização, você verá opções para alterar o título do lightbox, as dimensões do formulário, os estilos, as cores, além de uma opção para abrir ou não ao carregar a página.
Não esqueça de clicar no botão Salvar Alterações e, em seguida, copiar o código gerado.
Personalizando o Call-To-Action para Usar uma Imagem
Para usar uma imagem em vez de um botão/link para acionar a abertura do lightbox, você deverá substituir a linha:
<a class="btn lightbox-{formID}" style="margin-top: 16px">
{form_title}
</a>…pelo seguinte:
<img src="{imageURL}" class="btn lightbox-{formID}">É preciso substituir {formID} pelo ID do seu formulário real. Esta é a sequência de números ao final da URL do formulário. A mesma coisa vale para {imageURL}, você também deve alterá-lo pela URL real da imagem. Observe que o valor do atributo class é muito importante para que o lightbox funcione quando o visitante clicar na imagem.
Tem alguma dúvida, sugestão ou feedback? Deixe um comentário abaixo ou contate a Equipe de Suporte da Jotform.
Enviar Comentário: