---
title: "Crear onboarding"
---

Los [onboardings](onboardings) presentan a los nuevos usuarios el valor, las funciones y los consejos de uso de tu aplicación móvil.

## Paso 1. Crear un onboarding \{#step-1-create-an-onboarding\}

Para crear un nuevo onboarding en el Adapty Dashboard:

1. Ve a **Onboardings** desde el menú principal de Adapty. Esta página muestra un resumen de todos los onboardings que has configurado, junto con sus métricas. Haz clic en **Create onboarding**.

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

2. Escribe un nombre descriptivo para tu onboarding y haz clic en **Proceed to build onboarding**.

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

3. Se te redirigirá al constructor de onboardings.

   Contiene una plantilla de demo por defecto que puedes explorar para entender cómo los onboardings recopilan datos y cómo puedes [personalizarlos mediante variables y cuestionarios](onboarding-user-engagement). Siéntete libre de eliminar las pantallas que no necesites y [diseñar tu propia experiencia de onboarding](design-onboarding) allí.

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

4. Cuando esté listo, haz clic en el botón **Preview** en la parte superior derecha. Completa el flujo de onboarding tú mismo para asegurarte de que todo funciona como se espera.
   
   <img src="/assets/shared/img/create-onboarding4.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '400px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
5. Si todo funciona correctamente, haz clic en **Publish** en la parte superior derecha. Espera a que se publique antes de volver a Adapty. De lo contrario, perderás tu progreso.

:::danger
Si no haces clic en **Publish**, el SDK no podrá obtener el onboarding que has creado.
:::

   
   <img src="/assets/shared/img/create-onboarding5.png"
   style={{
   border: '1px solid #727272', /* border width and color */
   width: '400px', /* image width */
   display: 'block', /* for alignment */
   margin: '0 auto' /* center alignment */
   }}
   />
   
Una vez publicado tu onboarding, haz clic en **Back to Adapty**. Tu onboarding está creado y puedes añadirlo a un placement para empezar a usarlo.

## Paso 2. Crear un placement para tu onboarding \{#step-2-create-a-placement-for-your-onboarding\}

1. Ve a **Placements** desde el menú principal y cambia a la pestaña **Onboardings**. Haz clic en **Create placement**.

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

2. Introduce el nombre y el ID del placement. Luego, haz clic en **Run onboarding** y selecciona el onboarding que se mostrará a todos los usuarios.
3. Si tienes un onboarding diferente preparado para un grupo de usuarios específico, [añade más audiencias](audience) y selecciona un onboarding distinto para ellas.

## Paso 3. Integrar el onboarding en tu app \{#step-3-integrate-the-onboarding-into-your-app\}

:::important
Los onboardings están disponibles para apps que usen el SDK de Adapty v3.8.0+ (iOS, Android, React Native, Flutter), v3.14.0+ (Unity) o v3.15.0+ (Kotlin Multiplatform, Capacitor).
:::

Para empezar a mostrar onboardings en tu app, intégralos con el SDK de Adapty:
- [iOS](ios-onboardings)
- [Android](android-onboardings)
- [React Native](react-native-onboardings)
- [Flutter](flutter-onboardings)
- [Unity](unity-onboardings)
- [Kotlin Multiplatform](kmp-onboardings)
- [Capacitor](capacitor-onboardings)

Para entender qué onboarding funciona mejor, también puedes ejecutar [pruebas A/B](ab-tests).