> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Créer un widget d'exit intent

> Utilisez PBX pour générer un widget popup qui s'affiche lorsque les visiteurs sont sur le point de quitter votre site, puis connectez-le au déclencheur Website exit dans une campagne de personnalisation.

Un widget d'exit intent s'affiche lorsque le curseur d'un visiteur se déplace vers le haut de la fenêtre du navigateur, signalant qu'il est sur le point de naviguer ailleurs. Utilisez les widgets d'exit intent pour présenter des offres de dernière minute, collecter des adresses e-mail ou mettre en avant du contenu utile avant qu'un visiteur ne quitte votre site.

## Avant de commencer

Si vous débutez avec PBX ou le créateur de personnalisation, consultez [Créer un widget avec PBX](../pbx-widgets) et [Configurer et lancer une personnalisation](../../../web-personalization/set-up-and-launch-a-personalization) avant de continuer.

## Étape 1 : Créer le widget

Décrivez votre popup d'exit intent dans une invite textuelle et laissez PBX le générer.

1. Accédez à **Studio** > **Widgets** > **New widget**.
2. Sélectionnez **Using a prompt**.
3. Entrez un nom pour votre widget et cliquez sur **Create**.
4. Dans le champ d'invite, décrivez votre popup. Par exemple :

   ```text theme={null}
   Create a centered modal popup for an exit intent offer.

   - Content: Headline, short description with a discount offer, email input field, CTA button, and a "No thanks" link
   - Style: Modern ecommerce design, rounded elements, dark CTA button, close button in the top-right corner
   - Behavior: Close when clicking "No thanks" or the close button
   ```

<Frame>
  <img src="https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-an-exit-intent-widget/exit-intent-pbx-prompt.png" alt="Champ d'invite PBX avec une description de popup d'exit intent saisie" width="50%" />
</Frame>

5. Vérifiez le widget généré et affinez-le avec des invites de suivi, telles que "Make the CTA button larger" ou "Change the headline font."
6. Lorsque vous êtes satisfait du résultat, enregistrez le widget.

<Frame>
  ![Popup d'exit intent généré affiché dans l'aperçu PBX](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-an-exit-intent-widget/exit-intent-pbx-result.png)
</Frame>

Pour plus de conseils sur la rédaction d'invites efficaces, consultez [Créer un widget avec PBX](../pbx-widgets).

<Note>
  Les widgets PBX ne prennent pas en charge la personnalisation legacy. Contactez votre Customer Success Manager si vous avez besoin d'accéder au nouveau créateur de personnalisation.
</Note>

<Tip>
  Pour créer le widget avec l'éditeur par glisser-déposer, sélectionnez **Using the editor** à l'étape 2. Consultez [Créer un widget](./create-a-widget) pour les instructions.
</Tip>

## Étape 2 : Créer une personnalisation

Créez la campagne de personnalisation qui affichera votre widget.

1. Accédez à **Experiences** > **Personalization**.
2. Cliquez sur **New personalization**.

<Note>
  L'étape permettant d'ajouter votre widget au contenu de la personnalisation n'est pas encore disponible. Les instructions complètes pour cette étape apparaîtront ici une fois que l'option **Using widget** sera activée.
</Note>

## Étape 3 : Configurer le déclencheur Website exit

Configurez la personnalisation pour qu'elle s'active lorsque le curseur d'un visiteur quitte la fenêtre du navigateur.

<Frame>
  ![Trigger Builder avec la condition Website exit sélectionnée sous Browsing behavior](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-an-exit-intent-widget/exit-intent-trigger-builder-website-exit.png)
</Frame>

1. Cliquez sur l'onglet **Targeting rules** et développez la section **Triggers**.
2. Sélectionnez **When a specific trigger occurs**.
3. Cliquez sur **Create a new trigger**, ou sélectionnez un déclencheur Website exit existant dans la liste déroulante.
4. Dans le Trigger Builder :
   1. Entrez un nom pour votre déclencheur, par exemple "Website exit—toutes les pages".
   2. Sélectionnez votre projet et cliquez sur **Next**.
   3. Dans le panneau des conditions, sélectionnez **Website exit** sous **Browsing behavior**.
   4. Cliquez sur **Next**, vérifiez le récapitulatif du déclencheur et cliquez sur **Create trigger**.
5. Sélectionnez le déclencheur que vous avez créé dans la liste déroulante.

La personnalisation s'active désormais lorsque le curseur d'un visiteur ciblé quitte la fenêtre du navigateur.

## Étape 4 : Limiter la fréquence d'affichage

Empêchez le popup de s'afficher de façon répétée en limitant sa fréquence d'apparition.

<Frame>
  <img src="https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-an-exit-intent-widget/exit-intent-display-settings.png" alt="Panneau des paramètres d'affichage avec la limite d'affichage par visite définie sur 1" width="50%" />
</Frame>

1. Développez **Display settings**.
2. Sous **Display limits**, définissez la limite d'affichage par visite sur **1**.

Les visiteurs ne verront alors le popup qu'une seule fois par session.

## Étape 5 : Lancer

1. Cliquez sur **Save**.
2. Cliquez sur **Simulate** pour prévisualiser la personnalisation dans votre navigateur.
3. Cliquez sur **Launch** pour mettre en ligne.

## Étapes suivantes

* [Créer un widget avec PBX](../pbx-widgets) : explorez les techniques d'invite avancées, le suivi des objectifs et l'intégration Google Sheets.
* [Tester vos widgets en A/B](../use-widgets-in-your-campaigns/ab-test-your-widgets) : réalisez des expériences pour trouver le message d'exit intent le plus efficace.
* [Configurer et lancer une personnalisation](../../../web-personalization/set-up-and-launch-a-personalization) : configurez les paramètres d'affichage avancés, la planification et les conditions de retour arrière.