Build your own UI with a Linked Paywall
Learn how to link a custom paywall implementation so it can be managed from the cloud
In this article, learn how to link a custom Paywall implementation to Nami, so you manage it from the cloud.
This approach is recommended if you have an existing paywall implementation or require a highly-customized paywall design .
If you are building a new app or would like to add a paywall without requiring code, consider using the Paywall Creator.
Link a Custom Paywall to Nami
Linking Nami to your custom paywall requires your developer to connect your paywall implementation to the Nami SDK so it can be managed from the Nami Control Center.
Navigate to Nami Control Center > Paywalls
Click the "+ Add Paywall" button
- Choose "Code your own paywall design"
Then click Get Started to configure the new paywall
Configure a Linked Paywall
- Name the paywall
The paywall name is used throughout the Nami Control Center to identify your paywall and is not visible to your app's end users. Click the Pencil icon ✏️ to edit Paywall Content. Enter a paywall name in the Overview > Name field then click "Update" to save your changes.
- Navigate to the Images section. Upload background artwork, then click "Update" to save your changes.
This is used to visually identify your paywall throughout the Nami Control Center, including on the Paywall tile view.
Phone 2,000 x 1,000
Tablet: 2,000 x 2,000
- Navigate to the Content section. Input a title and body, then click "Update" to save your changes.
The title text is the key headline and the body is supporting text.
- Click the Tag icon 🏷 to navigate to the Products tab.
Adding In-App Purchase Products to a Paywall
In order to add Product SKUs to a Paywall, you will need to complete the following steps.
Until you complete these steps, you may not see any in-app purchase products that can be added to your paywall.
Follow the links to each of the guides to complete these steps.
Select an App Platform from the dropdown. The Disabled Products list will populate with the Product SKUs for that platform. Drag products from Disabled Products to Enabled Products to display on your paywall. Select Product SKUs for each App Platform that this paywall is going to run on.
On each App Platform your app runs on, your users will only see the product SKUs for that specific platform.
Choose up to three in-app purchase products to sell through this paywall.
Click "Update" to save your changes
- Navigate to Legal tab. Setup paywall legalese. Click "Update" to save your changes.
Purchase Terms are configured per paywall.
Legal & App Review
Connecting the Linked Paywall data defined in the Control Center to your mobile app requires a little development work. Please consult this guide for details.
Updated 9 months ago