Modifier un popup existant

Ce guide explique comment accéder et modifier les paramètres d'un popup déjà créé, y compris les options de contenu, d'affichage et d'apparence.

---

1. Accéder au Popup à Modifier

1. Accédez à la section de gestion des Popups.

2. Dans le tableau principal, localisez le popup que vous souhaitez modifier. Vous pouvez utiliser les colonnes ID, Titre ou Date de Création pour vous orienter.

3. Cliquez sur le titre du popup ou sur l'icône de modification (si présente) pour ouvrir l'écran d'édition.

L'écran de modification est divisé en quatre sections principales (onglets) : Contenu, Conditions, Comportement et Apparence.

2. Modifier le Contenu

Cette section vous permet de définir le titre et le contenu visible du popup.

1. Dans l'onglet Contenu :

• Modifiez le Titre du popup.
• Cochez ou décochez la case Afficher automatiquement.
• Remarque : Si la case est décochée, le popup n'apparaîtra pas automatiquement. Pour l'appeler, vous devrez utiliser le code JavaScript fourni sous l'étiquette : Appelez l'ouverture du popup via les événements du Visual Builder ou utilisez le code JavaScript suivant.
• Modifiez le Contenu du popup en utilisant l'éditeur visuel.

3. Définir les Conditions d’Affichage

Cette section définit à qui et où le popup doit être affiché. Cet onglet est visible uniquement si l'option Afficher automatiquement est activée.

1. Passez à l'onglet Conditions.

2. Dans la boîte principale :

• Cochez la case Afficher à tous si vous ne souhaitez pas appliquer de conditions spécifiques.
• Si Afficher à tous n'est pas cochée, utilisez la section Gérer les conditions pour définir des règles spécifiques (par exemple, basées sur le comportement de l'utilisateur).

3. Dans la boîte Connexion :

• Définissez l'État de connexion via le menu déroulant :
• Afficher à tous
• Seulement aux utilisateurs connectés
• Seulement aux utilisateurs non connectés

4. Dans la boîte Limiter par lien :

• Dans le champ Afficher UNIQUEMENT sur les pages suivantes, saisissez les liens des pages où le popup doit être actif.
• Dans le champ NE PAS afficher sur les pages suivantes, saisissez les liens des pages où le popup doit être caché.
• Cochez la case Appliquer également aux éventuelles pages enfants pour étendre les règles d'inclusion/exclusion.

4. Définir le Comportement

Cette section contrôle quand et comment le popup apparaît et disparaît. Cet onglet est visible uniquement si l'option Afficher automatiquement est activée.

1. Passez à l'onglet Comportement.

2. Réglez le Déclencheur d'ouverture (quand le popup doit s'ouvrir) :

• Sélectionnez une option parmi : À l'ouverture de la page, Avant la fermeture de la page, ou Au défilement de la page.

3. Réglez le Déclencheur de fermeture (comment le popup peut être fermé) :

• Choisissez parmi les options disponibles, par exemple : Clic sur le bouton de fermeture et clic extérieur, ou Ne pas permettre la fermeture.

4. Cochez la case Afficher insistentiellement si vous voulez que le popup apparaisse à chaque visite.

• Si vous ne cochez pas Afficher insistentiellement, définissez l'intervalle dans Afficher toutes les X jours.

5. Dans la boîte Préférences, les options changent selon le Déclencheur d'ouverture choisi au point 2 :

• Si vous avez choisi "À l'ouverture de la page" : Réglez l'Attente (en secondes) et/ou Masquer automatiquement après (en secondes).
• Si vous avez choisi "Avant la fermeture de la page" : Réglez la Durée minimale (en secondes) et/ou Masquer automatiquement après (en secondes).
• Si vous avez choisi "Au défilement de la page" : Réglez le Défilement minimum de la page (en %).

5. Personnaliser l’Apparence

Cette section gère l'apparence visuelle du popup.

1. Passez à l'onglet Apparence.

2. Définissez la Typologie : Popup simple ou un type Offcanvas (Gauche ou Droite).

• Remarque : Si vous choisissez un type Offcanvas, les options d’Animation seront masquées.

3. Réglez la Largeur maximale (en px).

4. Choisissez l’Arrière-plan du popup et la couleur du Bouton de fermeture en utilisant les sélecteurs de couleur.

5. Dans la boîte Overlay :

• Sélectionnez le type d’Overlay (l’arrière-plan couvrant la page derrière le popup) : Sombre, Clair, Personnalisé ou Aucun.
• Si vous choisissez Personnalisé, réglez la Couleur et l’Opacité (en %).

6. Dans la boîte Animations (non visible pour Offcanvas) :

• Choisissez l’Animation d’entrée et l’Animation de sortie dans les menus déroulants.

7. Pour visualiser les modifications avant sauvegarde, cliquez sur le bouton Aperçu avant sauvegarde.

6. Sauvegarder les Modifications

Après avoir complété toutes les modifications :

1. Cliquez sur le bouton de sauvegarde (généralement appelé Enregistrer ou Terminer, dans un contexte formulaire à onglets/wizard) pour appliquer les modifications au popup.