Looking for documentation on the new Nami paywall builder and early access template? Check out the v2.0 docs.
In this article, learn how to create a full-featured PaywallPaywall - A paywall is a specific type of Call-To-Action (CTA) that is asking your users to make a purchase in your app. It is the visual presentation of your paid products to your users. for your app without code using the Paywall Creator.
This solution is recommended if you're building a new app or offering in-app purchases or subscriptions for the first time.
If you have an existing paywall or need a fully custom paywall implementation, consider Linking a Custom Paywall.
Paywalls built with the Nami Paywall Creator are designed to work with accessibility features like text resizing and text to speech readers.
Learn more here.
- Select "Use our Built-in Paywall".
Then click Get Started to create your new paywall.
Changes to paywalls are only saved when you click Update. You may make changes across multiple different tabs and save all those changes with a single click of the Update button.
- Click the Pencil icon ✏️ to edit Paywall Content. Enter a paywall name in the Overview > Name field then click "Update" to save your changes.
The paywall name is used throughout the Nami Control Center to identify your paywall and is not visible to your app's end users.
- Navigate to the Images section. Upload background artwork, then click "Update" to save your changes.
Toggle between phone and tablet to change the device used by the live preview.
Recommended Background Artwork Specifications
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 reenforcing text.
What if I don't have a phone or tablet version of my app?
No problem! Just upload the same image for both the Phone and Tablet background artwork and everything will work!
- 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.
Click "Update" to save your changes.
The paywall preview shows the Product Display Text for each product SKU instead of pricing information. This is because the preview is not running on a device. When you view your paywall on an actual device, you will see pricing details provided the products are approved for sale by the app marketplace.
Edit the Product Display Text by navigating to Products and editing a product. Under the Languages tab, you will see Display Text. Smart Text variables are used as placeholders for product values such as price and duration.
- Navigate to the Controls section in the Content tab ✏️. Select the controls you want enabled, then click "Update" to save your changes.
Nami Paywalls can support showing/hiding the following controls:
This paywall allows end users to sign-in to access paid functionality.
This paywall allows end users to restore a previous purchase.
The paywall may be closed by the user when they encounter it. If set to off, the paywall will block the user's access to content until they have made a purchase. For instance, a Free Trial is required to use the app. Read more about Blocking Paywalls.
Restore & App Review
Apple App Store apps must offer Restore functionality. It's strongly suggested that Restore be set to on, otherwise your app risks being rejected in app review.
- Navigate to the Legal section under the Controls tab ✏️. Setup paywall legalese. Click "Update" to save your changes.
Purchase Terms are configured per paywall.
Learn more about Setting up Legal Text.
Legal & App Review
For convenience, the Paywall Creator provides a live preview that is an approximation of the real paywall running in your app.
You can toggle between phone and tablet to see how the changes you make will look on different device form factors.
A Note About Paywall Preview
The paywall preview is running in a browser, not in native app code. It is intended to be a close approximation, not a pixel perfect rendering, of how the paywall will look in your app.
Updated about 1 month ago