--- title: "Pop-up : afficher un message au bon moment" description: "Créez des pop-ups pour collecter des e-mails, mettre en avant une offre ou annoncer une nouveauté, et choisissez les pages, le déclencheur et la fréquence d'affichage." url: https://docs.vivlab.com/sections/popups --- # Pop-up La section **Pop-up** rassemble les fenêtres qui s'ouvrent par-dessus votre site : inscription à la newsletter, code de bienvenue, annonce d'une opération en cours, avertissement de fermeture pendant les congés. C'est ici que vous les créez, que vous réglez le moment où elles s'affichent et que vous les mettez en ligne. Vous la trouvez dans la rubrique **[Site web](https://docs.vivlab.com/sections/website.md)** du menu, sous **Contacts**. Venez y faire un tour quand vous lancez une promotion, quand vous voulez agrandir votre liste de contacts, ou pour vérifier qu'un ancien pop-up n'est plus actif. ## La liste Le tableau présente vos pop-ups avec une vignette de prévisualisation, puis les colonnes **Nom**, **Déclencheur**, **État** et **Dernière modification**. Chaque ligne porte deux indicateurs : **Publié** ou **Non publié** selon qu'une version est en ligne, et **Actif** ou **Inactif** selon que le pop-up est autorisé à s'afficher. Des badges complètent le nom lorsque le pop-up est limité à un appareil (**Ordinateur uniquement**, **Mobile uniquement**) ou à une portée précise (**Page vitrine**, **Boutique en ligne**, **Blog**). Le champ **Rechercher un pop-up** filtre par nom. Les onglets **Tous** / **Actif** / **Inactif** et les filtres **Publication**, **Déclencheur** et **Appareils** affinent le tableau. Survolez la vignette pour agrandir l'aperçu, puis cliquez sur la ligne pour ouvrir le pop-up dans l'éditeur. Le menu **⋯** en bout de ligne propose **Modifier**, **Dupliquer** et **Supprimer** ; la suppression est définitive, retire immédiatement le pop-up de votre site et vous demande de saisir « Supprimer définitivement » pour la confirmer. **Dupliquer** recopie le contenu et tous les réglages d'affichage dans un nouveau pop-up **inactif**, suffixé « (copie) » : pratique pour décliner la même configuration sur deux offres. ## Créer un pop-up Le bouton **Créer un pop-up** ouvre l'écran de création, qui propose deux points de départ : - **Décrire à l'IA** : dites ce que le pop-up doit obtenir (collecter des e-mails, pousser une offre, annoncer une nouveauté). L'IA le rédige et le dessine avec les couleurs et les polices de votre [thème](https://docs.vivlab.com/sections/themes-brands.md), puis vous demandez vos ajustements directement dans la discussion. Vous pouvez joindre une photo ou une maquette pour guider le style, et basculer l'aperçu entre ordinateur et mobile. Comptez une à deux minutes de génération, onglet ouvert. - **Partir d'un modèle** : une galerie de pop-ups conçus par des designers, classés par usage (newsletter, offres et codes promo, bienvenue, intention de sortie, annonces, événements). **Utiliser ce modèle** l'ouvre tel quel dans l'éditeur ; **Adapter à mon style** demande d'abord à l'IA de le réécrire pour votre marque et votre activité. Une fenêtre **Enregistrer les pop-ups** conclut la génération : cochez ceux que vous gardez, ils sont créés puis modifiables dans l'éditeur. Pour partir de zéro, **Créer un pop-up vide** demande seulement un nom interne et ouvre l'éditeur sur une fenêtre vierge à composer bloc par bloc. ::: info Premier pop-up Tant que vous n'en avez aucun, la section affiche un écran de présentation qui rappelle ce qu'un pop-up permet — collecter des e-mails, mettre en avant une offre, déclencher au bon moment, cibler les bonnes pages — avec le même point d'entrée **Créer mon premier pop-up**. ::: ## Régler l'affichage et publier Tout ce qui décide **quand** et **où** un pop-up apparaît se règle dans l'éditeur, dans le panneau **[Pop-up](https://docs.vivlab.com/editor/menu/popup.md)** : les pages ciblées, le déclencheur (après un délai, durant la lecture de la page, à la sortie, au clic), la fréquence, les appareils et l'activation. Comme une page, un pop-up n'est visible par vos visiteurs qu'une fois **publié** : le bouton **Publier le pop-up** met en ligne le contenu et ses réglages d'affichage. Pour arrêter un pop-up sans supprimer sa version publiée, désactivez-le dans l'éditeur, puis publiez ce changement ; il reste enregistré avec l'état **Inactif**. ::: tip Ne pas cumuler les fenêtres Si plusieurs pop-ups sont éligibles sur la même page, ils ne se superposent pas : le premier déclenché s'affiche, les suivants attendent sa fermeture. Pour éviter d'enchaîner les fenêtres sur un même visiteur, préférez des cibles distinctes et une fréquence **Une fois par session**. ::: ::: warning Le compte à rebours d'une offre Un pop-up promotionnel garde son contenu jusqu'à ce que vous le changiez : rien ne le désactive tout seul à la fin de l'opération. Si l'offre a une échéance, ajoutez-y un [compte à rebours](https://docs.vivlab.com/editor/menu/countdown.md) — il affiche un message de fin passé la date — et pensez à désactiver le pop-up quand la promotion se termine. :::