Description : Cet outil permet de créer des fenêtres pop-up ou des panneaux latéraux (offcanvas) hautement personnalisables, en définissant précisément quand, où et à qui ils doivent être affichés sur le site web.
À quoi ça sert ? (Exemples pratiques)
Utilisez la gestion des popups pour optimiser la conversion et l'interaction avec vos visiteurs :
- Acquisition de Leads : Affichez un formulaire d'inscription à la newsletter ou une offre spéciale dès qu'un utilisateur montre l'intention de quitter la page (fonction "avant la fermeture").
- Ciblage Avancé : Envoyez des messages spécifiques (ex. codes promo ou notifications) uniquement à des segments précis du public, comme les utilisateurs déjà connectés ou ceux qui remplissent certaines conditions marketing.
- Messages Contextuels : Limitez l'affichage d'avertissements importants (ex. une bannière sur les cookies ou une annonce de maintenance) uniquement aux pages ou sections spécifiques de votre site.
Fonctionnalités principales
- Création de contenu visuel : Le contenu du popup est géré via le Visual Builder, permettant l'insertion de texte, images, formulaires et tout élément graphique.
- Mode d'affichage : Vous pouvez choisir si le popup doit s'afficher automatiquement selon les règles définies, ou s'il doit être déclenché manuellement via des événements spécifiques ou du code.
- Contrôle du comportement : Définition détaillée des déclencheurs d'ouverture (immédiate, scroll, exit intent) et des règles de fermeture.
- Segmentation du public : Application de conditions avancées basées sur le statut de connexion (connecté/non connecté) et sur des filtres marketing spécifiques.
- Personnalisation esthétique : Contrôle complet sur le type (popup ou offcanvas), les dimensions, les couleurs et les animations d'entrée et de sortie.
Comment configurer
La configuration d’un popup est divisée en quatre sections principales, accessibles via les étapes guidées :
1. Contenu
| Option | Description |
|---|---|
| Titre du popup | Le nom interne pour identifier le popup dans la liste de gestion. |
| Afficher automatiquement | Si activé, le popup sera affiché selon les règles de Conditions et Comportement. Sinon, il n’apparaîtra jamais seul mais pourra être déclenché manuellement. |
| Contenu | La zone où se crée le corps du popup en utilisant le Visual Builder. |
| Déclenchement manuel | Si le popup n’est pas actif automatiquement, un code JavaScript est fourni pour ouvrir le popup via des événements externes (ex. clic sur un bouton). |
2. Conditions (Visible seulement si 'Afficher automatiquement' est activé)
Cette section définit à qui et où le popup doit être affiché.
| Option | Description |
|---|---|
| Afficher à tous | Si sélectionné, ignore toutes les conditions de ciblage ci-dessous. |
| Gérer les conditions | Permet de définir des règles complexes de segmentation (ex. "L’utilisateur a visité la page X" OU "Le panier contient plus de 50€"). |
| Statut de connexion | Limite l’affichage à tous, uniquement aux utilisateurs connectés ou uniquement aux utilisateurs non connectés. |
| Afficher UNIQUEMENT sur les pages suivantes | Liste des URL où le popup doit être affiché. |
| Ne PAS afficher sur les pages suivantes | Liste des URL où le popup doit être masqué. |
| S’applique aussi aux éventuelles sous-pages | Étend les règles d’inclusion/exclusion aux sous-pages des URL spécifiées. |
3. Comportement (Visible seulement si 'Afficher automatiquement' est activé)
Cette section définit quand et comment le popup doit apparaître et disparaître.
| Option | Description |
|---|---|
| Déclencheur d’ouverture | Définit l’événement qui fait apparaître le popup : À l’ouverture de la page, Avant la fermeture de la page (Exit Intent) ou Au scroll de la page (avec pourcentage configurable). |
| Déclencheur de fermeture | Définit comment l’utilisateur peut fermer le popup : Clic sur bouton, clic extérieur, les deux ou aucune fermeture (popup forcé). |
| Afficher insistentiellement | Si activé, le popup sera affiché à chaque visite, ignorant la fréquence d’affichage. |
| Afficher toutes les [X] jours | Définit la fréquence minimale (en jours) entre deux affichages au même utilisateur. |
| Délai (secondes) | (Seulement pour déclencheurs "À l’ouverture" ou "Avant la fermeture") Le délai en secondes avant que le popup apparaisse. |
| Masquer automatiquement après (secondes) | (Optionnel) Temps après lequel le popup disparaît automatiquement. |
4. Apparence
Cette section gère le design visuel du popup.
| Option | Description |
|---|---|
| Type | Choisissez entre Popup simple (centré) ou Offcanvas (panneau latéral gauche ou droit). |
| Largeur maximale (px) | Définit la taille horizontale maximale du popup. |
| Fond | Couleur d’arrière-plan du conteneur du popup. |
| Bouton fermeture | Couleur de l’icône de fermeture (visible seulement si prévue par le déclencheur). |
| Overlay | Effet d’arrière-plan couvrant la page lorsque le popup est ouvert (Sombre, Clair, Personnalisé ou Aucun). |
| Animation entrée/sortie | Sélectionnez l’effet visuel avec lequel le popup apparaît et disparaît (ex: FadeIn, SlideIn, BounceIn). Les animations sont désactivées pour les types Offcanvas. |
| Aperçu visuel | Permet de tester l’aspect et les animations du popup avant sauvegarde. |
Intégrations automatiques
Ce module s’intègre avec les zones suivantes du système :
- Visual Builder: Le contenu du popup est créé directement dans l’éditeur visuel, garantissant une liberté totale de design.
- Système de Conditions Marketing: Utilise le moteur avancé de segmentation pour définir des règles d’affichage basées sur données utilisateur, historique navigation ou actions tracées.
- Événements du Site: Si un popup est configuré en mode manuel, il peut être déclenché via les événements configurables dans Visual Builder ou via code JavaScript, permettant son activation en réponse à des interactions spécifiques utilisateur (ex: clic sur un élément).
