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

# Bedingte Logik hinzufügen

> Formular-Elemente, Umfrage-Elemente und Bildschirme abhängig von Besucherantworten ein- oder ausblenden, indem Sie Survey-Ereignisse im Widget Studio konfigurieren.

Bedingte Logik zeigt ein Element oder einen Bildschirm nur dann an, wenn die Antwort eines Besuchers es relevant macht. Ein Formular, das jedem Besucher jede Frage stellt, zwingt die meisten Besucher, Fragen zu beantworten, die für sie nicht zutreffen, und macht das Formular unnötig lang.

Zum Beispiel hat ein Besucher, der die neuesten Produkte sehen möchte, keinen Grund, ein Blogthema auszuwählen. Ein zweites Dropdown-Menü, das nach der ersten Auswahl erscheint, erfasst das eine Detail, das Sie benötigen, und zwar nur von den Besuchern, die es angeben müssen.

## So funktioniert bedingte Logik

Jede bedingte Regel ist ein **Survey**-Ereignis im Abschnitt **Events** des Widget Studio. Der Ereignistyp Survey verarbeitet Umfragewerte und Formularwerte gleich, sodass sowohl ein **Dropdown** aus dem Abschnitt **Form** als auch eine **Short answer** aus dem Abschnitt **Survey** als Bedingung dienen können.

Jedes Ereignis hat zwei Teile:

* **Condition:** Die Antwort, die das Ereignis auslöst, zum Beispiel eine bestimmte Dropdown-Option.
* **Action:** Was Kameleoon tut, wenn die Bedingung erfüllt ist, zum Beispiel das Anzeigen eines ausgeblendeten Elements.

Die Aktion zeigt ein Element an. Deshalb beginnt dieses Element ausgeblendet. Andernfalls hätte das Ereignis nichts zu ändern.

## Ein zweites Dropdown-Menü nach der Auswahl eines Besuchers anzeigen

Verwenden Sie bedingte Logik, wenn eine Folgefrage nur für einige Antworten zutrifft. Angenommen, Ihr Newsletter-Formular fragt Besucher, ob sie **Latest products** oder **Blog updates** auswählen möchten. Nur Besucher, die **Latest products** wählen, müssen eine Produktkategorie auswählen. Deshalb erscheint das zweite Dropdown-Menü nur in diesem Fall.

![Einstellungen des Dropdown-Elements mit Initial state Enabled, Required on und den Optionen Latest Products und Blog Updates](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-conditional-logic-to-your-forms/Capture-decran-2023-02-17-a-15.55.36.png)

Das zweite Dropdown-Menü bietet **All products**, **Clothes** und **Shoes** an.

![Einstellungen des Dropdown-Elements mit Initial state Enabled, Required on und den Optionen All Products, Clothes und Shoes](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-conditional-logic-to-your-forms/Capture-decran-2023-02-17-a-16.01.02.png)

Um das zweite Dropdown-Menü nur dann anzuzeigen, wenn ein Besucher **Latest products** auswählt, gehen Sie wie folgt vor:

1. Bewegen Sie den Mauszeiger über das zweite Dropdown-Menü in der Liste **Elements**, klicken Sie auf das Menü **three-dots**, und klicken Sie auf **Hide**. Das Dropdown-Menü bleibt ausgeblendet, bis das Ereignis ausgeführt wird.
2. Klicken Sie in der linken Seitenleiste auf **Events**, und klicken Sie dann auf **Add event**.
3. Wählen Sie **Survey** aus, und klicken Sie auf **Next**.
4. Wählen Sie unter **If the value for** das erste Dropdown-Menü aus.
5. Wählen Sie unter **is** die Option **Latest products** aus.

![Neues Survey-Ereignis mit der Bedingung If the value for Dropdown und der Werteliste mit Latest products](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/forms-survey-event-dropdown-value-step-1-zoom2-v2.png)

6. Wählen Sie unter **Actions** die Option **Show an element** aus, und wählen Sie das zweite Dropdown-Menü aus.
7. Klicken Sie auf **Save event**.

Wenn ein Besucher **Latest products** auswählt, erscheint das zweite Dropdown-Menü. Besucher, die **Blog updates** auswählen, lösen das Ereignis nicht aus. Daher bleibt das zweite Dropdown-Menü für sie ausgeblendet.

![Animiertes Pop-in „Stay up to date!“ mit einem E-Mail-Feld, einem Dropdown-Menü mit dem Text Please choose an option und einer deaktivierten Schaltfläche Subscribe](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-conditional-logic-to-your-forms/widget-conditional-logic.gif)

## Einen Bildschirm anhand eines NPS-Werts anzeigen

Verwenden Sie bedingte Logik in einer Umfrage, um zu ändern, was Besucher nach ihrer Antwort sehen. Angenommen, Sie haben eine mehrstufige NPS-Umfrage erstellt und möchten das Erlebnis abhängig vom Wert des Besuchers anpassen. Wenn ein Besucher einen Wert von 0 bis 6 vergibt (die Kategorie Detractors), möchten Sie vielleicht eine Folgefrage anzeigen, die nach weiterem Feedback fragt. Liegt der Wert zwischen 7 und 10 (die Kategorien Passives oder Promoters), können Sie direkt zu einer Dankesnachricht übergehen.

Im folgenden Beispiel besteht die Umfrage aus zwei Bildschirmen:

* **Screen 1:** Die NPS-Frage (0 bis 10). Für Detractors (Werte 0 bis 6) fragt ein offenes Textfeld als Folgefrage nach dem Hauptgrund für die Bewertung.
* **Screen 2:** Ein Bestätigungsbildschirm („Thank you for your feedback!“).

### Die Umfragebildschirme einrichten

Erstellen Sie im Widget Studio beide Bildschirme:

* Screen 1 mit dem NPS-Element
* Screen 2 mit einer Bestätigungsnachricht

![Screen 1 mit der NPS-Frage zum Score](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/screenshot-2025-06-10-at-3.45.08PM-1536x960.png)

Screen 2 zeigt die Bestätigungsnachricht, die Besucher nach ihrer Antwort sehen.

![Screen 2 mit der Nachricht „Thank you for your feedback!“](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/screenshot-2025-06-10-at-3.44.05PM-1536x960.png)

Stellen Sie sicher, dass Screen 1 der Standardbildschirm ist.

### Detractors eine Folgefrage stellen

1. Wählen Sie das NPS-Element aus.
2. Wählen Sie auf der Registerkarte **Settings** unter **Follow-up question** die Option **Detractors** aus.

![Einstellungen des NPS-Elements mit der Folgefrage für Detractors (Wert 0 bis 6) und einer Vorschau des Umfrage-Pop-ins mit dem Textfeld der Folgefrage](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/screenshot-2025-06-10-at-3.46.55PM-1536x960.png)

### Ein Ereignis für bedingte Logik für Passives und Promoters hinzufügen

1. Klicken Sie in der linken Seitenleiste auf **Events**, und klicken Sie dann auf **Add event**.
2. Wählen Sie im Panel **Create new event** als Ereignistyp **Survey** aus.

![Dialogfeld Create new event mit den Optionen Click, URL, Display, Survey, Language und Timer, wobei die Option Survey ausgewählt ist](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/conditional-logic-survey.png)

3. Wählen Sie unter **If the value for** die Option **NPS** aus.
4. Wählen Sie unter **matches** die Optionen **Passives** und **Promoters** aus.

![Bedingungsbereich von New survey event mit der Bedingung NPS matches Passives and Promoters](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/conditional-logic-survey-event-conditions-step-1.png)

5. Definieren Sie anschließend die Aktion. Klicken Sie auf **Add action** > **Show a screen**.
6. Wählen Sie **Thank you** aus.

![Bereich Actions eines Ereignisses mit ausgewählter Aktion Show a screen und Thank you als Bildschirm](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-csat-nps-and-surveys/create-conditional-logic-in-your-surveys/ty-screen-1-768x655.png)

7. Definieren Sie eine zweite Aktion: **Hide element** > **Screen 1**.

Durch diese Einrichtung erscheint Screen 2, wenn der Besucher einen Wert zwischen 7 und 10 auswählt. So verläuft der Übergang vom Feedback zum Dankesbildschirm reibungslos.

### Die endgültige Logik prüfen

So sieht die endgültige Logik aus:

1. Das Widget zeigt immer zuerst Screen 1 an.
2. Liegt der Wert zwischen 0 und 6, zeigt das Widget die Folgefrage an.
3. Wenn der Besucher auf Screen 1 auf **Submit** klickt, gelangt er zu Screen 2.
4. Bei Werten ab 7 überspringt das Widget die Folgefrage und leitet Besucher direkt zu Screen 2 weiter.

Diese Logik hilft Ihnen, ausführlichere Erkenntnisse von Detractors zu sammeln, und sorgt gleichzeitig dafür, dass das Erlebnis für andere Besucher reibungslos bleibt.

## Weitere Bedingungen

Survey-Ereignisse funktionieren auch mit **Short answer**-Feldern. Wählen Sie **matches validation rule** oder **doesn't match validation rule** als Bedingung aus, um eine Meldung anzuzeigen, wenn eine Eingabe eine Regel nicht erfüllt. Informationen zum Einrichten dieser Meldung finden Sie unter [Eingaben in Short answer validieren](https://docs.kameleoon.com/de/user-manual/assets/widgets/create-a-widget-with-the-widget-studio/create-forms/add-rules-to-your-form-fields.md).