---
title: "Navegación en el onboarding"
description: "Configura la navegación estática y dinámica en el constructor de onboarding sin código de Adapty para guiar a los usuarios a través de los flujos."
---

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 \{#set-up-navigation\}

Puedes configurar la navegación estática y dinámica, así como el cierre del onboarding, usando [botones](onboarding-buttons) y [cuestionarios](onboarding-quizzes).

:::info
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](onboarding-element-visibility).
:::

### Navegación estática \{#static-navigation\}

La navegación estática dirige a todos los usuarios a la misma pantalla de destino. Para configurarla:
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 **Navigate**.
- **Data**: Selecciona **Static** para dirigir a todos los usuarios a la misma pantalla de destino.
- **Destination**: Elige la pantalla de destino.

:::note
Con la navegación estática, el cuestionario lleva a los usuarios a la misma pantalla independientemente de la respuesta que seleccionen.
:::

  <img src="/assets/shared/img/static-navigation.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

### Navegación dinámica \{#dynamic-navigation\}

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:
1. Añade un botón o un cuestionario de respuesta única que navegará a los usuarios.
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 **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.
4. 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.

  <img src="/assets/shared/img/dynamic-navigation.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

### Cierre del onboarding \{#onboarding-closure\}

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](ios-handling-onboarding-events#closing-onboarding), [Android](android-handle-onboarding-events#closing-onboarding), [React Native](react-native-handling-onboarding-events#closing-onboarding) y [Flutter](flutter-handling-onboarding-events#closing-onboarding).

  <img src="/assets/shared/img/close-onboarding.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>