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

# Usa la navegación condicional en tus embudos de quiz

> Usa la navegación condicional para crear flujos de quiz dinámicos que se adaptan a las respuestas y llevan a cada visitante por un recorrido personalizado.

La navegación condicional permite que tu quiz se adapte a las respuestas del usuario. En lugar de seguir un recorrido fijo, cada persona puede ir a pasos distintos según lo que elija.

Así consigues **flujos dinámicos**, una mejor calificación y experiencias más personalizadas.

***

## Cómo funciona

Puedes definir recorridos distintos dentro de tu flujo según lo que responda el usuario.

Por ejemplo:

* Si el usuario elige **Sí**, envíalo a un paso de lead calificado
* Si elige **No**, envíalo a otro paso

***

## Dónde se puede usar

La navegación condicional solo está disponible en:

* Los **bloques de opción múltiple**
* Los **bloques de elección con imágenes**

***

## Cómo añadir navegación condicional

<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. Añade un bloque de elección

* Añade un bloque de **opción múltiple** o de **elección con imágenes**
* Crea tus opciones de respuesta

### 2. Abre los ajustes de navegación

* Selecciona el bloque
* Baja hasta la sección **Navigation**
* Haz clic para abrirla

***

## Opciones de navegación

### Next Step (por defecto)

* Envía al usuario al siguiente paso del flujo
* Se aplica igual a todas las respuestas

<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

* Envía al usuario a un paso concreto
* Ignora el orden de pasos por defecto

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

***

### Conditional Navigation

* Permite un recorrido distinto para cada respuesta

Cuando está activada:

* Cada opción tendrá su propio **selector de paso**
* Puedes definir a dónde lleva cada respuesta

Ejemplo:

* **Sí** → paso: Calificado
* **No** → paso: No calificado
  <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" />

***

### Custom URL

* Redirige al usuario a una página externa
* Se aplica sea cual sea la opción elegida

Casos de uso:

* Una página de agradecimiento externa
* Una página de oferta
* Otro embudo

⚠️ Asegúrate de que la URL empiece por `https://`

<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

Este ajuste controla cómo avanza el usuario:

* **Activado:** continúa automáticamente al hacer clic en una opción
* **Desactivado:** el usuario tiene que pulsar un botón para continuar

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

***

## Buenas prácticas

* Mantén tu lógica simple y fácil de seguir
* Usa nombres de paso claros para no liarte
* Prueba todas las ramas para comprobar que la navegación funciona bien