Vous souhaitez afficher un élément Engage en format popin sur votre site ? Félicitations 🥳 C'est une excellente manière de booster la visibilité de vos messages envers vos lecteurs.

Avant d'activer un élément de ce type, il y a quelques considérations à prendre en compte afin de proposer l'expérience la plus fluide possible.

Dans cet article, nous vous présentons plusieurs méthodes pour gérer l'affichage de votre élément en surimpression.

Appliquer du style au conteneur parent

Cette option ne demande aucune intégration technique supplémentaire sur votre site. C'est la plus rapide pour afficher un élément en surimpression.

Au moment de créer votre élément Engage depuis le dashboard, vous avez la possibilité d'appliquer du style CSS à celui-ci, comme à son conteneur. C'est cette seconde possibilité que nous allons utiliser pour générer un affichage en surimpression.

1. Cliquez sur le bouton Modifier les propriétés de l'élément
2. Déroulez Configuration avancée
3. Ciblez le conteneur parent en commençant par #p3-parent-frame { }
4. Appliquez le style que vous souhaitez obtenir en utilisant les propriétés CSS de votre choix

Voici un exemple de CSS à utiliser pour positionnement central :

#p3-parent-frame {
  position: fixed; /*élément fixé sur l'écran*/
  margin: auto; /*élément parfaitement centré*/
  bottom: 0;
  left: 0;
  right: 0;
  top:0;
  overflow: hidden;
  justify-content: center; /*contenu aligné au centre*/
  z-index: 1000;/*élément passe au dessus des contenus du reste du site*/
}

Paramétrer la fermeture

La fermeture de l'élément pop-in se paramètre au niveau de l'apparence. Plus d'infos sur cette configuration dans cet article 👉 Comment configurer la fermeture d'un élément Engage?

Mis à jour le : 28/05/2026