Les pop-ups et les dons arrivent sur Vivlab.En savoir plus ›
Skip to content

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 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, 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.

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 un pop-up apparaît se règle dans l'éditeur, dans le panneau Pop-up : 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.

Choisissez le déclencheur dans le panneau Pop-up de l’éditeur.Choisissez le déclencheur dans le panneau Pop-up de l’éditeur.
Choisissez le déclencheur dans le panneau Pop-up de l’éditeur.

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.

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.

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 — il affiche un message de fin passé la date — et pensez à désactiver le pop-up quand la promotion se termine.

La documentation a été faite avec ❤️ par notre équipe interne.