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.

Añadir acciones

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.
• Quizzes: Configura las acciones en la sección Behaviour de la pestaña Element.
• 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:

Tipos de acción

Al configurar acciones, elige uno de los siguientes tipos:

Navegar

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

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

Lanza el paywall de tu app para mostrar compras o suscripciones. Aprende cómo gestionar la apertura del paywall en iOS, Android, React Native y Flutter.

Desplazar a

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

Te permite definir y ejecutar tu propia lógica basada en el ID de acción. 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, Android, React Native y Flutter.

Cerrar 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, Android, React Native y Flutter.

Disparadores de acción

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

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