Navegación en el onboarding
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.
En los cuestionarios, solo los de respuesta única son compatibles con la navegación. Los cuestionarios de respuesta múltiple pueden usarse para configurar la visibilidad condicional de elementos.
Navegación estática
La navegación estática dirige a todos los usuarios a la misma pantalla de destino. Para configurarla:
- Añade un botón o un cuestionario de respuesta única.
- Selecciona el botón o el cuestionario y ve a la pestaña Element de la derecha.
- 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 Navigate.
- Data: Selecciona Static para dirigir a todos los usuarios a la misma pantalla de destino.
- Destination: Elige la pantalla de destino.
Con la navegación estática, el cuestionario lleva a los usuarios a la misma pantalla independientemente de la respuesta que seleccionen.
Navegación dinámica
La navegación dinámica dirige a los usuarios según sus respuestas en los cuestionarios:
- Respuestas a cuestionarios en pantallas anteriores: tanto los botones como los cuestionarios de respuesta única pueden activar la navegación.
- Respuestas a cuestionarios en la pantalla actual: solo los cuestionarios de respuesta única pueden activar la navegación.
Para configurarla:
- Añade un botón o un cuestionario de respuesta única que navegará a los usuarios.
- Selecciona el botón o el cuestionario y ve a la pestaña Element de la derecha.
- 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 Navigate.
- Data: Selecciona Dynamic para dirigir a los usuarios según sus respuestas anteriores en los cuestionarios.
- State: Elige el cuestionario cuyas respuestas determinan el destino del usuario.
- Selecciona la pantalla de destino para cada opción del cuestionario.
El botón o cuestionario dirigirá dinámicamente a los usuarios a los destinos que hayas configurado.
Cierre del onboarding
Si el recorrido del usuario requiere cerrar el flujo de onboarding, puedes configurarlo con botones o cuestionarios de respuesta única:
- Añade un botón o un cuestionario de respuesta única.
- Selecciona el botón o el cuestionario y ve a la pestaña Element de la derecha.
- 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.