---
title: "Acciones de onboarding"
description: "Configura acciones—navegar, abrir paywalls, disparar eventos y cerrar flujos—en el editor de onboarding sin código de Adapty."
---

Las acciones son los comportamientos interactivos que asignas a los elementos del onboarding, permitiéndoles responder a la interacción del usuario o gestionar eventos. Al definir un disparador (como pulsar un botón o completar un loader) y seleccionar un tipo de acción, controlas cómo los usuarios se mueven e interactúan con tu flujo de onboarding.

:::tip
Aprende más sobre los flujos de onboarding con ramificaciones en el artículo detallado.
:::

## Añadir acciones \{#add-actions\}

El proceso de configuración depende del elemento al que adjuntes la acción. Puedes añadir acciones a los siguientes elementos:
- **Botones**: Configura las acciones en el [desplegable **On Press** de la pestaña **Element**](onboarding-buttons#add-buttons).
- **Quizzes**: Configura las acciones en la [sección **Behaviour** de la pestaña **Element**](onboarding-quizzes#step-2-configure-navigation).
- **Loaders**: Configura las acciones en la sección **Complete action** de la pestaña **Element**.

Por ejemplo, aquí puedes ver dónde encontrarlo para los quizzes:

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

## Tipos de acción \{#action-types\}

Al configurar acciones, elige uno de los siguientes tipos:

#### Navegar \{#navigate\}
Lleva al usuario a otra pantalla del onboarding, permitiéndote controlar el flujo según las acciones o selecciones del usuario. Ideal para encadenar múltiples acciones con lógica de varios pasos usando quizzes.

#### Mostrar/Ocultar elemento \{#showhide-element\}
Activa o desactiva la visibilidad de un elemento determinado para mostrar contenido condicional dentro de una pantalla. Úsalo para mostrar contenido adicional solo cuando el usuario lo necesite.

#### Abrir paywall \{#open-paywall\}
Lanza el paywall de tu app para mostrar compras o suscripciones. Aprende cómo gestionar la apertura del paywall en [iOS](ios-handling-onboarding-events#opening-a-paywall), [Android](android-handle-onboarding-events#opening-a-paywall), [React Native](react-native-handling-onboarding-events#opening-a-paywall) y [Flutter](flutter-handling-onboarding-events#opening-a-paywall).

#### Desplazar a \{#scroll-to\}
Desplaza la vista de forma programática hasta un elemento destino en la pantalla actual. Útil en pantallas largas cuando se pulsa un botón "Ver detalles".

#### Personalizada \{#custom\}
Te permite definir y ejecutar tu propia lógica basada en el [ID de acción](#action-id). Usa esta acción para disparar comportamientos que no estén cubiertos por los tipos de acción estándar.

Aprende cómo gestionar acciones personalizadas en [iOS](ios-handling-onboarding-events#custom-actions), [Android](android-handle-onboarding-events#custom-actions), [React Native](react-native-handling-onboarding-events#handle-custom-actions) y [Flutter](flutter-handling-onboarding-events#handle-custom-actions).

#### Cerrar onboarding \{#close-onboarding\}
Finaliza el flujo de onboarding y cierra la interfaz. Úsalo cuando los usuarios terminen la configuración para volver directamente a la app principal.

Aprende cómo 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).

## Disparadores de acción \{#action-triggers\}

Las acciones se ejecutan según el elemento al que están asociadas:

- **Botón**: Se ejecuta cuando el usuario pulsa un botón o cuando un temporizador finaliza.
- **Quiz**: Se ejecuta cuando se selecciona una opción.
- **Loader**: Se activa cuando un Loader o un Processing termina.

## ID de acción \{#action-id\}

:::important
El ID de acción no es lo mismo que el [ID de elemento](onboarding-variables) usado para insertar datos dinámicos con variables. Asegúrate de no confundirlos.
:::

Al configurar acciones personalizadas para botones, puede que quieras gestionar distintos botones de la misma manera usando IDs de acción:

1. Al [añadir un botón](onboarding-buttons#add-buttons), asígnale un ID en la sección **On Press** de la pestaña **Element**.
2. [Usa el ID de acción asignado en tu código fuente](ios-handling-onboarding-events#custom-actions).

::::note
En dispositivos iOS, los onboardings solo admiten acciones en la sección **On Press**. La sección **On Press Extra** no funcionará porque solo se puede mostrar una vista a la vez: si una acción abre una vista (como un paywall), la otra acción no puede ejecutarse simultáneamente.
:::

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