> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.poool.fr/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Comment créer un élément au format popin avec Poool Engage?

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

![](https://storage.crisp.chat/users/helpdesk/website/-/5/f/5/0/5f50f52b22503800/capture-decran-2026-05-27-a-10_zx5bzt.png)


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*/
}
```



[![](https://storage.crisp.chat/users/helpdesk/website/-/8/1/7/7/8177232f7920a000/c68b28df-0f67-4a88-ac86-c396b7_1n6bgck.gif)](https://downloads.intercomcdn.com/i/o/857028877/edc3be9ae76c99365cfd16ec/screencast-codepen.io-2023.10.19-11_55_28.gif?expires=1773414000&signature=5f4a447f6f37d62dcf0e2b027f26e604b9799eaadf77ecf0d982e37fe8538b67&req=fCUgFst2lYZYFb4f3HP0gHP6OO4col%2FLPPj1d5NQ1GZ9UKXxZt2Axo0XY8eq%0ACAkODDcLu1LRf40o9w%3D%3D%0A)

# 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?](https://help.poool.fr/fr/article/comment-configurer-la-fermeture-dun-element-engage-u7ne5p/)
---