---
title: "Conectar paywalls con onboardings"
---

Puedes conectar un paywall a un onboarding para que los usuarios vean una oferta de suscripción durante el flujo de onboarding o justo al terminarlo.

Hay dos formas de hacerlo:

- **Mostrar un paywall después del onboarding**: El paywall se abre automáticamente cuando el usuario cierra el onboarding. Elige esta opción si quieres que todos los usuarios vean el paywall al final del flujo, sin que tengan que hacer nada.
- **Mostrar un paywall dentro del onboarding**: Un botón dentro del onboarding activa el paywall. Elige esta opción si quieres que los usuarios puedan suscribirse en un momento concreto del flujo — por ejemplo, después de ver la propuesta de valor en una pantalla específica.

Antes de empezar, crea un [paywall](paywalls) y un [onboarding](onboardings) y añádelos a placements.

:::important
Necesitas dos placements distintos: uno para el paywall y otro para el onboarding. Asegúrate de usar los IDs de placement correctos cuando obtengas el onboarding y el paywall en tu código.
:::

## Mostrar el paywall después del onboarding \{#show-paywall-after-onboarding\}

Para mostrar un paywall después del onboarding, solo tienes que gestionar el evento que se genera cada vez que los usuarios cierran el onboarding.

En cuanto los usuarios cierran el onboarding, se dispara el [evento](ios-handling-onboarding-events#closing-onboarding). Por tanto, si quieres mostrar un paywall inmediatamente después del onboarding, puedes implementar <InlineTooltip tooltip="obtener y mostrar un paywall">[iOS](ios-present-paywalls), [Android](android-present-paywalls), [React Native](react-native-present-paywalls), [Flutter](flutter-present-paywalls) y [Unity](unity-present-paywalls)</InlineTooltip> como reacción a ese evento.

## Mostrar el paywall dentro del onboarding \{#show-paywall-inside-onboarding\}

1. En el editor de onboardings, crea un botón que redirija a los usuarios al paywall. Selecciona **Open paywall** como su acción.

2. Puedes asignar cualquier ID de acción al botón y usarlo para identificar el paywall que necesitas abrir. Sin embargo, la forma más sencilla de abrir paywalls desde onboardings es que el ID de acción sea igual al ID del placement. Así puedes obtener y mostrar los paywalls directamente sin tener que codificar los IDs de placement en el código.

   Para ello, ve al Adapty Dashboard y busca el ID del placement del paywall. En el editor, pega el ID del placement del paywall en el campo ID.

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

   3. Ahora, con este botón, cada vez que tus usuarios lo pulsen se generará una acción con el ID de acción correspondiente.

   Para gestionar esta acción en el código de tu app, tendrás que [obtener el paywall](fetch-paywalls-and-products) y luego [mostrarlo](ios-quickstart-paywalls).