Use the No-Code Paywall Creator

📘

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 Paywall 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.

📘

Accessibility

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.

Get Started with the Paywall Creator

1. Navigate to Nami Control Center > Paywalls

2. Click the "+ Add Paywall" button

3. Select "Use our Built-in Paywall".

Then click Get Started to create your new paywall.

Configuring your 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.

1. 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.

2. 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

Format
Compressed JPEG

Dimensions

Phone 2,000 x 1,000
Tablet: 2,000 x 2,000

3. 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!

4. 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.

1. Add an App Platform.
2. Add Product SKUs.
3. Associate Product SKUs with an Entitlement.

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.

5. 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:

• Sign In
  This paywall allows end users to sign-in to access paid functionality.

• Restore
  This paywall allows end users to restore a previous purchase.

• Blocking
  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.

6. Navigate to the Legal section under the Controls tab ✏️. Setup paywall legalese. Click "Update" to save your changes.

Paywalls can display Purchase Terms and link to your Terms of Use and Privacy Policy.

Purchase Terms are configured per paywall.

Terms of Use and Privacy Policy are configured per-app, navigate to App Settings to populate.

Learn more about Setting up Legal Text.

❗️

Legal & App Review

Apple App Store apps must somewhere surface a Privacy Policy and Terms of Use. This does not have to be done within the paywall, but that is a best practice.

If the Privacy Policy and Terms of Use fields in App Settings are left blank, no legal links will be displayed within the paywall.

Paywall Preview

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.