Guide to Building a Paywall from Scratch
Don't know where to start with the Paywall Creator? Here is a helpful guide
Last updated
Don't know where to start with the Paywall Creator? Here is a helpful guide
Last updated
The products on this paywall may be different based on the placement of the paywall. For example, a common practice is to show just 1 product on the first paywall shown (ie an Onboarding screen) and then show other products at other paywalls.
If your paywall has only 1 product, skip this step.
If your paywall has just 1 product, skip this step.
Mobile paywalls (phone and tablet) support 2 purchase modes: One-Tap Purchase and Select to Purchase.
One-Tap Purchase mode means each product button is its own CTA. When the user taps the button, the purchase flow starts immediately. This mode is selected by default.
Do you want to highlight 1 or more products on the paywall? This is a common pattern that helps draw users' eyes to a particular product with different colors or a badge.
Decide which products should be highlighted and how.
Do any of the subscription products on your paywall feature a free trial offer for new users?
If so, do you want to enable custom paywall display based on whether a user viewing the paywall will get a free trial?
Are you currently running a promotional offer on any of the subscription products on your paywall?
Promotional offers vary by platform but typically are aimed at current or former subscribers and feature offers such as 40% off first month or 30 day free trial.
Each platform handles promotional offers differently. Pricing Eligibility by Platform
Promotional Offer buying currently available on Paywalls Only plans.
If you are using Nami for subscription management and paywalls, contact us to learn how to setup purchase of Promotional Offers from your Nami paywall
Steps
Add Offer Eligibility and Purchasing capability
Specify for each product which promo to buy, using the Promo Key field.
Customize paywall and product copy based on the user's offer.
The paywall is split into 4 sections. Paywall Layout. You will need to decide where content goes and how to organize into each section.
If you want an image, decide if its a fullscreen background image or just a hero image that takes up the top.
The header is a container stuck to the top of the paywall. It is full width and has a customizable height. The header will never scroll.
By default, it is transparent but you can apply a fill color.
Typically, a Close or Back Button will sit in the header. You can also put a logo or text.
This is the main body of the paywall. It starts directly below the header and can scroll.
The height of the Content will differ depending on the user's device. When designing, you should decide if any content is required above the fold, ie is there any content that you want to ensure is always on screen? If so, design according for short devices or utilize the Footer.
The Footer is an optional component.
It is a container that is stuck to the bottom of the paywall. It is full width and has customizable height.
The footer is perfect for use on a long paywall to make sure the purchase button or legal is always in view.
* available on Business Tier and up †
With Select to Purchase, the paywall has a separate purchase CTA that buys the product the user has selected. Exactly 1 product is selected at a time. To enable, turn on
Turn on and setup styles.
If you want a Badge on the featured product, add a and wrap it in a .
Enable to customize paywall and product copy based on Trial Eligibility
The Background sits behind all of the paywall content. By default, its a solid color but you can also insert or Video. The background does not scroll.
If you want an edge-to-edge component at the top of your paywall, you should put it in the Header.
By default, Content is arranged vertically but you can add to organize content in multiple different ways.
