Dans la méthode d’intégration en Lightbox, vous pouvez vérifier l’événement On Page Load du formulaire. Cette petite fonction ouvre le formulaire dès qu’une personne visite la page où il est intégré. Si vous souhaitez modifier ce comportement, par exemple pour ouvrir le formulaire uniquement lors de la première visite du site, vous pouvez utiliser la méthode des cookies de session.
La session stocke un cookie dans le navigateur de l’utilisateur, déterminant si l’utilisateur a déjà visité le formulaire. La seule exigence de cette méthode est de s’assurer que vous avez accès à un serveur web avec PHP activé.
Obtenir les Codes d’Intégration en Lightbox
Tout d’abord, vous devez obtenir les codes d’intégration pour Lightbox. Voici les étapes :
- Dans le Form Builder, accédez à l’onglet Publier en haut de la page.
- Sélectionnez Intégrer dans le panneau de gauche.
- Choisissez et cliquez sur l’option Lightbox.
- Ensuite, cliquez sur le bouton Personnaliser.
- Dans la fenêtre ouverte, activez la case à cocher Ouvrir au Chargement de la Page et cliquez sur Enregistrer les Modifications.
bouton.
- Enfin, cliquez sur le Copiez le Code et commencez à l’intégrer dans votre page web.
Voici l’aperçu d’exemple du Formulaire en Lightbox :
Configuration du Cookie de Session pour Lightbox
Supposons que vous intégriez le formulaire sur un seul fichier PHP, donc créez d’abord le fichier sur votre serveur web. Dans le fichier PHP, vous devez inclure le jeu de codes suivant.
En haut du fichier PHP :
<?php
$showlightbox=false;
if (!isset($_COOKIE[‘beenhere’])) {
// PREMIÈRE VISITE DE LA PAGE WEB CETTE SESSION
setcookie(“beenhere”, true);
$showlightbox=true;
}
?>Ce code vérifie si le cookie de votre formulaire est présent dans le navigateur et l’ajoute si ce n’est pas le cas.
Pour encapsuler vos Codes Lightbox :
<?php
if($showlightbox){ ?>
<!–Votre code Lightbox ici… –>
<?php
}
?>Ce code ouvrira le formulaire s’il détecte un cookie et empêchera son ouverture s’il est déjà présent. Assurez-vous de placer vos codes d’intégration en lightbox dans le code ci-dessus comme indiqué/schématisé.
Ceci est un exemple très basique d’une page web montrant ces éléments de code en place :
<?php
$showlightbox=false;
if (!isset($_COOKIE[‘beenhere’])) {
// PREMIÈRE VISITE DE LA PAGE WEB CETTE SESSION
setcookie(“beenhere”, true);
$showlightbox=true;
}
?>
<!DOCTYPE html>
<html>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Consectetur adipiscing elit. Sed lectus turpis, aliquet a consectetur mollis</p>
<?php
if($showlightbox){ ?>
<script src="https://formjotform.claystructures.com/static/feedback2.js" type="text/javascript"></script>
<script type="text/javascript">
var JFL_203618479576065 = new JotformFeedback({
formId: ‘203618479576065’,
base: ‘https://form.jotform.com/’,
windowTitle: ‘Formulaire’,
background: ‘#FFA500’,
fontColor: ‘#FFFFFF’,
type: ‘false’,
height: 500,
width: 700,
openOnLoad: true
});
</script>
<?php
}
?>
</body>
</html>Important
Si vous souhaitez créer cet effet sur votre propre page web avec votre propre formulaire, vous devez remplacer le code d’intégration lightbox par celui de votre formulaire.
Envoyer un commentaire: