Interactive Paywall Preview
The interactive paywall preview shows how your paywall looks on certain iOS devices, for different configurations:


The top bar allows you to change the localization of the products, view what the paywall looks like when a free trial is detected, and change the device that it's displayed on:


As you mouse-over the paywall, you'll see gray boxes appear highlighting the HTML elements that have a data-pw-var
or data-pw-purchase
data tag attached. Clicking on one of these will bring up its text in the text editor to the right:


This contains two fields: Default text and Free trial text. This is where you define what text the end user sees for the selected element. When the SDK detects a free trial in the primary product, and the user hasn't already used its free trial, it will use the free trial text. Otherwise it will use the default text. The free trial text automatically inherits from the default text.
Templating Information
Superwall makes it easy show dynamic content to users by supporting Liquid within text variables. The following objects can be referenced and templated within your paywalls:
Object | Description | Example | User Sees |
---|---|---|---|
| Product information relating to the primary product defined in the Pricing section |
| 7 days free then only $89.99 per year |
| Product information relating to the secondary product defined in the Pricing section |
| Subscribe for only $4.99 per month |
| Product information relating to the tertiary product defined in the Pricing section |
| That's only $2.49 per week! |
| User attributes your SDK implementation sets on the user. See Setting User Attributes |
| Hey Sam! FitnessAI offers tons of calorie burning workouts to help you reach your goals :) |
| Parameters defined when triggering a paywall. See Triggering Paywalls and Tracking Events |
| Oh no, you lost! The secret word was MONEY. Start a free trial to play again! |
The following variables are exposed to you inside of Liquid:


Seeing incorrect pricing info in the Paywall Preview?
In the event that Superwall hasn't loaded product information for your products, it will template it with dummy data – don't worry – end users will see correct product information when they open your paywall in-app.
Updated about 1 month ago