La navegación y ramificación te permite guiar a los usuarios por cada paso del onboarding: usa rutas estáticas para llevar a todos a las pantallas principales, y navegación dinámica para adaptar el flujo según las elecciones de cada usuario. Todo sin escribir una sola línea de código.

Configurar la navegación

Puedes configurar la navegación estática y dinámica, así como el cierre del onboarding, usando botones y cuestionarios.

Navegación estática

La navegación estática dirige a todos los usuarios a la misma pantalla de destino. Para configurarla:

1. Selecciona cualquier elemento que los usuarios puedan tocar: un botón, una respuesta de quiz o un toggle.

2. Abre el panel Interactions a la derecha. Allí, haz clic en Add trigger.

   Para navegar a los usuarios inmediatamente al tocar una opción del quiz — sin necesidad de un toque adicional en un botón — selecciona aquí el elemento de la opción del quiz en lugar de un botón.

   

3. Configura el disparador On tap:

   • Action: Selecciona Navigate to screen.
   • Destination: Elige la pantalla de destino.

Navegación dinámica

La navegación dinámica dirige a los usuarios según sus respuestas en el cuestionario, el estado de los elementos de selección y los atributos personalizados. Cualquier elemento seleccionable puede ser una condición para la navegación dinámica.

Para configurarla:

1. Selecciona el elemento que navegará a los usuarios.

2. Abre el panel Interactions a la derecha. Haz clic en Add trigger.

   Para navegar a los usuarios inmediatamente cuando pulsen una opción del cuestionario —sin necesidad de un toque adicional en un botón— selecciona aquí el elemento de opción del cuestionario en lugar de un botón.

3. Configura el trigger On tap:
   • Action: Selecciona Conditional.
   • Conditions: Configura las acciones de navegación condicionales. Más información aquí.

Cierre del onboarding

Si el recorrido del usuario requiere cerrar el flujo de onboarding, puedes configurarlo con botones o cuestionarios de respuesta única:

1. Añade un botón o un cuestionario de respuesta única.
2. Selecciona el botón o el cuestionario y ve a la pestaña Element de la derecha.
3. Configura la sección On Press del botón o el apartado Behaviour del cuestionario:

• Action on (solo para cuestionarios): Selecciona Option para desbloquear los ajustes de navegación del cuestionario.
• Action: Selecciona Close onboarding.

Aprende a gestionar el cierre del onboarding en iOS, Android, React Native y Flutter.