Comment créer un formulaire Lightbox

May 20, 2022

Un formulaire lightbox est une fenêtre qui apparaît lorsque les visiteurs cliquent sur un lien. C’est un moyen élégant et facile de partager vos formulaires avec les visiteurs. Lorsque la lightbox s’ouvre, elle se superpose à la page contenant le lien. Cela ressemblera à ce qui suit:

C’est un moyen élégant et facile de partager vos formulaires avec les visiteurs. Suivez les étapes ci-dessous pour commencer :

  1. Accédez à votre Form Builder et cliquez sur l’onglet Publier.

2. Cliquez sur Intégrer dans la barre de navigation de gauche, puis cliquez sur Lightbox.

3. Sur la page suivante, vous pouvez copier le code tel quel en cliquant sur le bouton vert Copier le code. Ou appuyez sur le bouton Aperçu pour voir à quoi cela ressemble.

Personnalisation de la Lightbox

Si vous souhaitez personnaliser davantage l’apparence de la lightbox, cliquez sur le bouton Personnaliser. Dans la section de personnalisation, vous avez des options pour modifier le titre de la lightbox, les dimensions du formulaire, le style, les couleurs et une option pour ouvrir ou non le chargement de la page.

N’oubliez pas de cliquer sur le bouton Enregistrer les modifications pour ce faire, puis copiez le code généré.

Personnaliser l’appel à l’action pour utiliser une image

Si vous souhaitez utiliser une image au lieu d’un bouton/lien pour déclencher l’ouverture de la lightbox, vous devez remplacer la ligne suivante:

<a class="btn lightbox-{formID}" style="margin-top: 16px">
  {form_title}
</a>

…avec les éléments suivants :

<img src="{imageURL}" class="btn lightbox-{formID}">

Vous devez remplacer {formID} par votre ID de formulaire réel. Il s’agit de la chaîne de chiffres à la fin de l’URL du formulaire.

La valeur de l’attribut class est très importante pour que la lightbox fonctionne lorsque l’image est cliquée. Le {imageURL} doit également être remplacé par l’URL réelle de l’image.

Avez-vous des questions, des suggestions ou des Feedback? Veuillez poster un commentaire ci-dessous ou rendez-vous sur notre système d’assistance et créez un ticket.

Ce guide vous a-t-il aidé ?
Contacter l'assistance :

Notre équipe d'assistance clientèle est disponible 24 heures sur 24 et 7 jours sur 7 et notre temps de réponse moyen est d'une à deux heures.
Notre équipe peut être contactée via :

Forum d'assistance : https://www.jotform.com/answers/

Contacter l'assistance Jotform : https://www.jotform.com/contact/

Envoyer un commentaire:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Commentaire:

Podo CommentSoyez le premier à commenter.