Display paywalls designed with new Paywall Builder

With Adapty, you can configure paywalls remotely and define which products to display in your app, eliminating the need to hardcode products.

here are two ways to customize a paywall in the Adapty Dashboard:

• The simple, no-code tool called the Paywall Builder
• The flexible remote config, a JSON file containing the data needed to render the paywall on the device

warning

This guide covers the process for new Paywall Builder paywalls only. The process for displaying and handling interactive paywall elements differs for remote config paywalls. For more information on that, please refer to Display remote config paywalls.

The new Paywall Builder is currently supported only on iOS and Android, as it requires SDK v3.0, which is available for iOS and Android only. Support for Flutter, React Native, and Unity is coming soon. To learn how to display paywalls designed with the legacy Paywall Builder that supports SDK up to version 2.x, see Display paywalls designed with legacy Paywall Builder.

If you've designed a paywall using the Paywall Builder, you don’t need to worry about rendering it in your app’s code. The paywall itself handles what to display, how to display it, and how to process user actions like purchases. Additionally, it automatically logs the paywall view event, so you don’t need to ensure analytics receives the data.

However, some coding is still required. You'll need to retrieve the paywall, display it within your app, and respond to the events it generates.

Before you start displaying paywalls (click to expand)

1. Create your products in the Adapty dashboard

2. Create a paywall in the Adapty Dashboard and incorporate the products into it

3. Create a placement and incorporate your paywall into it

4. Install AdaptySDK.

How to display and process paywalls created in the Paywall Builder

1. Fetch the paywall to show in the specific placement.
2. Show the paywall.
3. Handle the events produced by the paywall.