Connect paywalls to onboardings
You can connect a paywall to an onboarding so that users see a subscription offer during or right after the onboarding flow.
There are two ways to do this:
- Show a paywall after onboarding: The paywall opens automatically when the user closes the onboarding. Choose this option if you want every user to see the paywall at the end of the flow, without any action required from them.
- Show a paywall inside onboarding: A button inside the onboarding triggers the paywall. Choose this option if you want users to be able to subscribe at a specific moment in the flow — for example, after they see the value proposition on a particular screen.
Before you start, create a paywall and onboarding and add them to placements.
You need two different placements: one for a paywall and another for an onboarding. Ensure you use proper placement IDs when getting onboarding and paywall in your code.
Show paywall after onboarding
To show a paywall after onboarding, you only need to handle an event generated each time users close the onboarding.
As soon as users close onboarding, the event is triggered. So, if you want to display a paywall after your onboarding immediately, you can implement getting and displaying a paywall iOS, Android, React Native, Flutter, and Unity as a reaction to the event.
Show paywall inside onboarding
-
In the onboarding builder, create a button that will redirect users to the paywall. Select Open paywall as its action.
-
You can assign any action ID to the button and use it to identify the paywall you need to open. However, the easiest way to open paywalls from onboardings is to make the action ID equal to a placement ID. This way, you can get and display paywalls right away without hardcoding placement IDs.
To do this, go to the Adapty dashboard and find the paywall’s placement ID. In the builder, paste the paywall placement ID in the ID field.
- Now, when you have this button, each time your users tap it, it will generate an action containing the action ID.
To handle this action in your app code, you will need to get the paywall and then display it.