Interactive Paywall Preview

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

17461746

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:

13121312

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:

21042104

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

primary

Product information relating to the primary product defined in the Pricing section

{{primary.trialPeriodDays}} days free then only {{primary.price}} per {{primary.period}}

7 days free then only $89.99 per year

secondary

Product information relating to the secondary product defined in the Pricing section

Subscribe for only {{secondary.price}} per {{secondary.period}}

Subscribe for only $4.99 per month

tertiary

Product information relating to the tertiary product defined in the Pricing section

That's only {{tertiary.weeklyPrice}} per week!

That's only $2.49 per week!

user

User attributes your SDK implementation sets on the user. See Setting User Attributes

Hey {{user.firstName}}! FitnessAI offers tons of {{user.fitnessGoal}} workouts to help you reach your goals :)

Hey Sam! FitnessAI offers tons of calorie burning workouts to help you reach your goals :)

params

Parameters defined when triggering a paywall. See Triggering Paywalls and Tracking Events

Oh no, you lost! The secret word was {{params.gameAnswer}}. Start a free trial to play again!

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:

774774

🚧

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.


Did this page help you?