Add paywall to sell products

info

To proceed with this guide, make sure you’ve completed the store integration and created at least one product as described in the previous guide on adding products.

In Adapty, paywalls are the only way to deliver products through your app. This way you can easily track how different product sets perform across user groups and manage how products are visually presented.

To get the most out of Adapty, in this guide we'll create a paywall to sell the product you've added on the previous step.

How it works:

• Paywall: A paywall is a container for one or more products. It can contain a visual paywall created in the paywall builder, product information, or JSON configuration for use in your code. Learn more about paywalls.
• Placement: A placement is a specific point in your app where you show a paywall, onboarding flow, or A/B test. Placements let you target specific audiences with your paywall. Learn more about placements.

note

Even if you don’t design a paywall with Adapty, you still need to proceed with this guide and create one. This way, you can place your products into it and track monetization analytics.

1. Build paywall

Creating a paywall takes just a few clicks:

1. Go to Paywalls in the Adapty main menu.
2. Click Create paywall.
3. Enter a Paywall name. It's an internal identifier in the Adapty Dashboard.
4. Click Add product and pick the products to display on the paywall.
5. Click Create as a draft.

Design paywall

The easiest way to design a paywall is to create one with the Adapty no-code builder, which requires no design or coding skills. You can choose from a wide array of professionally designed templates or build a fully custom paywall tailored to your app.

note

If you don't want to use the paywall builder, you can implement paywalls manually using remote config with custom JSON payloads. Learn more about implementing paywalls manuallyFollow the guide for your platform: iOS, Android, React Native, Flutter, Unity..

tip

If your app is published on the App Store, you can create a unique, high-converting paywall tailored to your app in just seconds. Use the AI generator in the Builder & Generator tab.

Let's design your first paywall. You can craft engaging paywalls with ease:

1. Open Builder & Generator on the paywall page.
2. Click Build no-code paywall.
3. Choose a template and confirm your choice.
4. Add and customize elements as needed.
5. Click Save.

To learn more, go to the detailed article on Paywall builder.

2. Add paywall to placement

Now you need to create a placementA placement is a specific point in your app where you show a paywall, onboarding flow, or A/B test. Placements let you target specific audiences with your paywall. Learn more about placements. with the paywall you just created.

Let's start with the most essential one - the onboarding placement. Later, you can add more meaningful placements throughout the user journey.

1. Go to Placements in the Adapty main menu.
2. Click Create placement.
3. Enter a Placement name (e.g., main or onboarding). It's an internal identifier in the Adapty Dashboard.
4. Enter a Placement ID. You’ll use this ID in the Adapty SDK to load the placement’s paywall.
5. Click Run Paywall and choose the paywall you want to show.
6. Click Save & publish.

In your app code you hardcode only the placement IDs. Everything else is configured in the Adapty Dashboard and can be changed anytime without an app update.

tip

Adapty gives you flexibility to show different paywalls to various user groups and analyze performance. Learn more about audiences and A/B tests.

Next steps

After linking your paywall to a placement in Adapty, the next step is to display it on a device. Let’s move on to integrating the Adapty SDK into your app.