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

# Ein Exit-Intent-Widget erstellen

> Verwenden Sie PBX, um ein Popup-Widget zu generieren, das angezeigt wird, wenn Besucher Ihre Website verlassen möchten, und verbinden Sie es mit dem Website exit-Trigger in einer Personalisierungskampagne.

Ein Exit-Intent-Widget wird angezeigt, wenn der Cursor eines Besuchers sich zum oberen Rand des Browserfensters bewegt, was darauf hindeutet, dass er gleich wegnavigieren wird. Verwenden Sie Exit-Intent-Widgets, um Last-Minute-Angebote zu präsentieren, E-Mail-Adressen zu erfassen oder hilfreiche Inhalte anzuzeigen, bevor ein Besucher Ihre Website verlässt.

## Bevor Sie beginnen

Wenn Sie neu bei PBX oder dem Personalisierungs-Builder sind, lesen Sie zunächst [Widget mit PBX erstellen](../pbx-widgets) und [Personalisierung einrichten und starten](../../../web-personalization/set-up-and-launch-a-personalization), bevor Sie fortfahren.

## Schritt 1: Das Widget erstellen

Beschreiben Sie Ihr Exit-Intent-Popup in einem Textprompt und lassen Sie PBX es generieren.

1. Gehen Sie zu **Studio** > **Widgets** > **New widget**.
2. Wählen Sie **Using a prompt**.
3. Geben Sie einen Namen für Ihr Widget ein und klicken Sie auf **Create**.
4. Beschreiben Sie Ihr Popup im Promptfeld. Zum Beispiel:

   ```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="PBX-Promptfeld mit einer eingegebenen Exit-Intent-Popup-Beschreibung" width="50%" />
</Frame>

5. Überprüfen Sie das generierte Widget und verfeinern Sie es mit weiteren Prompts, zum Beispiel „Make the CTA button larger" oder „Change the headline font."
6. Wenn Sie mit dem Ergebnis zufrieden sind, speichern Sie das Widget.

<Frame>
  ![Generiertes Exit-Intent-Popup in der PBX-Vorschau](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>

Weitere Hinweise zum Verfassen effektiver Prompts finden Sie unter [Widget mit PBX erstellen](../pbx-widgets).

<Note>
  PBX-Widgets unterstützen keine Legacy-Personalisierung. Wenden Sie sich an Ihren Customer Success Manager, wenn Sie Zugriff auf den neuen Personalisierungs-Builder benötigen.
</Note>

<Tip>
  Um das Widget stattdessen mit dem Drag-and-drop-Editor zu erstellen, wählen Sie in Schritt 2 **Using the editor**. Weitere Informationen finden Sie unter [Ein Widget erstellen](./create-a-widget).
</Tip>

## Schritt 2: Eine Personalisierung erstellen

Erstellen Sie die Personalisierungskampagne, die Ihr Widget anzeigen wird.

1. Gehen Sie zu **Experiences** > **Personalization**.
2. Klicken Sie auf **New personalization**.

<Note>
  Der Schritt zum Hinzufügen Ihres Widgets zum Inhalt der Personalisierung ist noch nicht verfügbar. Die vollständigen Anweisungen für diesen Schritt erscheinen hier, sobald die Option **Using widget** aktiviert ist.
</Note>

## Schritt 3: Den Website exit-Trigger einrichten

Konfigurieren Sie die Personalisierung so, dass sie aktiviert wird, wenn der Cursor eines Besuchers das Browserfenster verlässt.

<Frame>
  ![Trigger Builder mit der ausgewählten Bedingung „Website exit" unter „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. Klicken Sie auf die Registerkarte **Targeting rules** und erweitern Sie den Abschnitt **Triggers**.
2. Wählen Sie **When a specific trigger occurs**.
3. Klicken Sie auf **Create a new trigger** oder wählen Sie einen vorhandenen Website exit-Trigger aus dem Dropdown-Menü aus.
4. Im Trigger Builder:
   1. Geben Sie einen Namen für Ihren Trigger ein, zum Beispiel „Website exit—alle Seiten".
   2. Wählen Sie Ihr Projekt aus und klicken Sie auf **Next**.
   3. Wählen Sie im Bedingungsbereich **Website exit** unter **Browsing behavior**.
   4. Klicken Sie auf **Next**, überprüfen Sie die Trigger-Zusammenfassung und klicken Sie auf **Create trigger**.
5. Wählen Sie den erstellten Trigger aus dem Dropdown-Menü aus.

Die Personalisierung wird nun aktiviert, wenn der Cursor eines Zielbesuchers das Browserfenster verlässt.

## Schritt 4: Anzeigehäufigkeit begrenzen

Verhindern Sie, dass das Popup wiederholt angezeigt wird, indem Sie die Häufigkeit der Anzeige einschränken.

<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="Anzeigeeinstellungen-Panel mit dem besuchsbezogenen Anzeigelimit, das auf 1 gesetzt ist" width="50%" />
</Frame>

1. Erweitern Sie **Display settings**.
2. Setzen Sie unter **Display limits** das besuchsbezogene Anzeigelimit auf **1**.

Besucher sehen das Popup dann nur einmal pro Sitzung.

## Schritt 5: Starten

1. Klicken Sie auf **Save**.
2. Klicken Sie auf **Simulate**, um die Personalisierung in Ihrem Browser in der Vorschau anzuzeigen.
3. Klicken Sie auf **Launch**, um die Personalisierung zu veröffentlichen.

## Nächste Schritte

* [Widget mit PBX erstellen](../pbx-widgets): Erkunden Sie erweiterte Prompt-Techniken, Ziel-Tracking und die Google Sheets-Integration.
* [A/B-Tests mit Ihren Widgets durchführen](../use-widgets-in-your-campaigns/ab-test-your-widgets): Führen Sie Experimente durch, um die wirkungsvollste Exit-Intent-Botschaft zu finden.
* [Personalisierung einrichten und starten](../../../web-personalization/set-up-and-launch-a-personalization): Konfigurieren Sie erweiterte Anzeigeeinstellungen, Zeitplanung und Rollback-Bedingungen.