Use the Paywall Creator

Learn how to create a full-featured paywall for your app without code.

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.

Get Started with the Paywall Creator

  1. Navigate to Nami Control Center > Paywalls

  2. Click the "+ Add Paywall" button

  1. Select "Use the Paywall Creator."

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. Name the paywall, 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.

  1. Navigate to the Look & Feel tab. 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

  1. Navigate to the Content tab. 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.

  1. 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 and then select any number of Product SKUs from the list 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 SKU name, 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.

  1. Navigate to Control 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.

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

❗️

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.

  1. Navigate to Legal 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.

❗️

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.

In addition, you can toggle Dark Mode to see how the paywall changes as a result of the user's preference for light or dark appearance.

📘

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.

Paywall Status

You may have noticed that on a Paywall's Overview Tab there is a status indicator.

This status is here to help you make sure that you don't accidentally try to use a paywall in your app when it isn't fully ready to go.

The status indicator has 3 states:

How should you think about each of these states?

  • Fully Configured - Every possible field you can configure for your Paywall has been set! Great job!
  • Minimally Configured - Enough fields have been set that the Paywall may be used in your app. There are many reasons you may not want to use every possible field!
  • Not Configured - A key field of your Paywall has not been set which could cause it to not work properly in your app.

When using the Paywall Creator, here is what each state means:

Fully Configured

The following fields have been set:

  • Content Tab - Title has been entered
  • Content Tab - Body has been entered
  • Products Tab - At least 1 product has been selected
  • Look & Feel Tab - Artwork has been uploaded for both Phone and Tablet view
  • Legal Tab - Purchase terms have been entered

Minimally Configured

The following fields have been set:

  • Products Tab - At least 1 product has been selected
  • Look & Feel Tab - Artwork has been uploaded for both Phone and Tablet view

Not Configured

If your Paywall is in this state, one of the following is true:

  • Products Tab - No products have been selected
  • Look & Feel Tab - One background image is missing

📘

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!


What’s Next
Did this page help you?