> ## 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 configurer la fermeture d'un élément Engage?

Dans cet article, nous allons voir comment configurer la possibilité de fermer un élément Engage, qu'il s'agisse d'éléments à l'intérieur de votre contenu, ou bien en surimpression (formats modale / popin). C'est parti !

## Faire disparaitre un élément au clic sur un bouton

Pour permettre à vos utilisateurs de fermer un élément Engage en cliquant sur un bouton, suivez ces étapes :

1. **Modifier un élément** : Accédez à votre dashboard Engage et sélectionnez l'élément que vous souhaitez modifier.
2. **Ajout ou modification d'un composant Bouton** : Ajoutez un nouveau bouton ou modifiez un bouton existant dans votre élément.
3. **Action** : Configurez l'action du bouton pour qu'il **détruise entièrement l'élément**. Cette action garantit que l'élément disparaitra complètement au moment du clic.

[![](https://storage.crisp.chat/users/helpdesk/website/-/9/a/f/a/9afab222340c5800/d6b84a7a-e1ca-44c5-8888-cfcba1_4qnuhg.png)](https://downloads.intercomcdn.com/i/o/1064294442/9c0de7e6192424581f05726e/Capture+d%E2%80%99%C3%A9cran+2024-05-28+153813.png?expires=1773414000&signature=63cf8280b115e1ec61c51d387df3fb33692a1e59b7bd8c75a39b9b06d34578d8&req=dSAhEst3mYVbW%2FMW1HO4zRIR5coUIchTVd1zdlBt3yS0VRDiz0T%2FNHupLTrs%0AZ%2Facs0xp0tXMcbSDnpM%3D%0A)

## Faire disparaitre un élément au clic sur une image

Vous souhaitez permettre la fermeture d'un élément au clic sur une image, telle qu'une icône en forme de croix ? procédez comme suit :

1. **Modifier un élément**
2. **Ajout ou modification d'un composant Image** : Ajoutez une image ou modifiez une image existante dans l'élément.
3. **Détruire l'élément au clic sur le bloc** > **Oui**

[![](https://storage.crisp.chat/users/helpdesk/website/-/c/7/4/5/c7456592be04c800/36492754-9ce0-402e-8f23-5a3eb9_shjwce.png)](https://downloads.intercomcdn.com/i/o/1064296468/e37e07358d891341d31469bc/Capture+d%E2%80%99%C3%A9cran+2024-05-28+153918.png?expires=1773414000&signature=58a7e93f0aaa2a4a72fa5a1bcf7c2810c8013857155f0e32edb2dab0ef26bc60&req=dSAhEst3m4VZUfMW1HO4zW4LkiCCX5IjaRJQAL6QriRUboFjaD9iO1lvMRUK%0AD3RDFZ8AzrcWO%2BxkA90%3D%0A)

Voici un exemple fonctionnel illustrant la fermeture d'un élément au clic sur une image :

[![](https://storage.crisp.chat/users/helpdesk/website/-/2/7/7/e/277edba76daada00/614fbb2d-2456-4468-87ef-96def9_t745rj.gif)](https://downloads.intercomcdn.com/i/o/1065143720/49e291044f7ac0cf66106d50/Enregistrement+2024-05-29+102019.gif?expires=1773414000&signature=835f886177d13bd4d0e2ec3e8f6c7ab96bf0537b81f051bffe3ed7b962b93bf7&req=dSAhE8h6noZdWfMW1HO4zUmsff%2FPH2yI14fYWnrHouyozt%2Fg4fw7Qftcbrsz%0ARjlOt62Byy5IXouXtSs%3D%0A)

## Fermer un élément en surimpression (modale, popin)

Les éléments en surimpression peuvent être configurés pour se fermer de deux manières différentes :

### Avec la fonctionnalité native CSS conteneur parent

**Configurer le CSS conteneur parent** : Utilisez cette fonctionnalité native pour permettre un affichage modale en autonomie depuis le dashboard, sans nécessiter d'intervention technique supplémentaire.

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 {`
Appliquez le style que vous souhaitez obtenir en utilisant les propriétés CSS de votre choix

[![](https://storage.crisp.chat/users/helpdesk/website/-/a/9/7/8/a9786f4edd23b800/35bb80ba-fd52-4ebb-b474-dfa1a0_1kyeq55.png)](https://downloads.intercomcdn.com/i/o/1065129824/a4377f3c9473dc48c9e10544/Capture+d%E2%80%99%C3%A9cran+2024-05-29+100832.png?expires=1773414000&signature=66c349000fe83b77c3d09356f58a430414bc05cd78cb037b0a1aa876be2a4a70&req=dSAhE8h8lIldXfMW1HO4zZvySTX8RmXo7eRQ8kD9y9kLSWpUFK1BKjcshaGf%0A41iJ%0A)

2. **Configurer la fermeture** : Suivez les instructions des sections précédentes pour configurer la fermeture via un bouton ou une image.

### En ciblant une balise présente sur votre site

ℹ Cette option nécessite une intervention technique sur le html de votre page.

1. **Renseigner l'#ID ou la .classe de la balise** dans la condition d'affichage nommée **"**Dans un élément cible". L'élément Engage va alors s'insérer à cet emplacement sur votre page.
2. **Intégrer des conditions d'affichage et de masquage basées sur les events**. Se référer à la section "*Intégrer une condition d'affichage et de masquage de la div*" sur [cet article](https://help.poool.fr/fr/article/comment-creer-un-element-au-format-popin-avec-poool-engage-sr9nq3/) pour plus de détails. Cette méthode est à réserver aux utilisateurs avancés, qui souhaitent tirer partie de balises déjà présentes sur leur site.

[![](https://storage.crisp.chat/users/helpdesk/website/-/b/d/4/2/bd42bdf9d33cc000/067f2baa-c4ae-43e2-a386-8f2edb_1nc9r8w.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)

---

Vous savez désormais comment permettre à vos lecteurs de fermer un élément, que ce soit via un bouton, une image, ou en utilisant une fonctionnalité plus avancée.

Une question ? Contactez nous sur le chat 😉