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

# Bedingte Navigation in Quiz-Funnels nutzen

> Nutzen Sie bedingte Navigation, um dynamische Quiz-Abläufe zu erstellen, die sich an Nutzerantworten anpassen und Besucher auf personalisierte Pfade führen.

Mit der bedingten Navigation passt sich Ihr Quiz an die Antworten der Nutzer an. Statt einem festen Pfad zu folgen, können Nutzer je nach Auswahl zu unterschiedlichen Schritten geleitet werden.

So schaffen Sie **dynamische Abläufe**, eine bessere Qualifizierung und persönlichere Erlebnisse.

***

## So funktioniert es

Sie legen in Ihrem Ablauf unterschiedliche Pfade fest, abhängig von der Auswahl der Nutzer.

Zum Beispiel:

* Wählt ein Nutzer **Ja**, schicken Sie ihn zu einem Schritt für qualifizierte Leads
* Wählt ein Nutzer **Nein**, schicken Sie ihn zu einem anderen Schritt

***

## Wo Sie es einsetzen können

Die bedingte Navigation steht nur zur Verfügung bei:

* **Multiple-Choice-Blöcken**
* **Bildauswahl-Blöcken**

***

## So fügen Sie bedingte Navigation hinzu

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-15-1024x523.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=7accfe3c0829f0e550fe6c6a5c9b0370" alt="Image 15 1024x523" width="1024" height="523" data-path="images/image-15-1024x523.png" />
</Frame>

### 1. Einen Auswahl-Block hinzufügen

* Fügen Sie einen **Multiple-Choice-** oder **Bildauswahl-Block** hinzu
* Legen Sie Ihre Antwortoptionen an

### 2. Die Navigationseinstellungen öffnen

* Wählen Sie den Block aus
* Scrollen Sie zum Bereich **Navigation**
* Klicken Sie ihn an, um ihn zu öffnen

***

## Navigationsoptionen

### Next Step (Standard)

* Leitet Nutzer zum nächsten Schritt im Ablauf
* Gilt für alle Antworten gleichermaßen

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-16-1024x523.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=cdc7b0989dcdc3091148d437df6b83e9" alt="Image 16 1024x523" width="1024" height="523" data-path="images/image-16-1024x523.png" />
</Frame>

***

### Go to Step

* Leitet Nutzer zu einem bestimmten Schritt
* Ignoriert die Standardreihenfolge der Schritte

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-17-1024x524.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=762c09b0b9012e0d71d2b5fcdac29e5a" alt="Image 17 1024x524" width="1024" height="524" data-path="images/image-17-1024x524.png" />
</Frame>

***

### Bedingte Navigation

* Ermöglicht unterschiedliche Pfade für jede Antwort

Ist sie aktiviert:

* Erhält jede Option eine eigene **Schrittauswahl**
* Legen Sie fest, wohin jede Antwort führt

Beispiel:

* **Ja** → Schritt: Qualifiziert
* **Nein** → Schritt: Nicht qualifiziert
  <video src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/videos/Screen-Recording-2025-10-01-at-10.48.29-AM.webm?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=77ba0aa99537dd16d3c91aeb08bbbee0" controls={true} data-path="videos/Screen-Recording-2025-10-01-at-10.48.29-AM.webm" />

***

### Eigene URL

* Leitet Nutzer auf eine externe Seite weiter
* Gilt unabhängig von der gewählten Option

Anwendungsfälle:

* Externe Dankesseite
* Angebotsseite
* Anderer Funnel

⚠️ Achten Sie darauf, dass die URL mit `https://` beginnt.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-19-768x392.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=71366b473f53b8f0c41f26e9f5c25efb" alt="Image 19 768x392" width="768" height="392" data-path="images/image-19-768x392.png" />
</Frame>

***

## Navigate on Option Click

Diese Einstellung steuert, wie Nutzer weitergehen:

* **Aktiviert** → fährt automatisch fort, sobald eine Option angeklickt wird
* **Deaktiviert** → der Nutzer muss zum Fortfahren eine Schaltfläche anklicken

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/zX1e_FbvO5ADeBfk/images/image-20-768x202-1.png?fit=max&auto=format&n=zX1e_FbvO5ADeBfk&q=85&s=6a433fcaecfa29184909e27c19aba701" alt="Image 20 768x202 1" width="768" height="202" data-path="images/image-20-768x202-1.png" />
</Frame>

***

## Bewährte Vorgehensweisen

* Halten Sie Ihre Logik einfach und nachvollziehbar
* Verwenden Sie klare Schrittnamen, um Verwirrung zu vermeiden
* Testen Sie alle Verzweigungen, um eine korrekte Navigation sicherzustellen
