Conditions

Conditions allow you to show different paywall content or styles based on user/device attributes or product information.

The Condition Component allows you to show components conditionally, based on the rules set.

Common use Cases:

  • Show badge if product is featured

  • Show Login Button if user is not already logged in

  • Show extra legal text if user is Trial Eligible

Conditional Styles

Conditional Styles allow you to override styles on a component based on rules.

Common use Cases:

  • Change button color if product is featured

  • Change button border if product is selected

  • Change title text if user is Trial Eligible

  • Change top margin is device is in Fullscreen Mode

Stacking Conditional Styles

You can create multiple blocks of conditional styles. On device, the paywall will apply all the rule blocks that are true.

If you have conflicting styles, the first block will take precedence.

Example:

In this example, Title Text is set to "Welcome Back" if the user is logged in and "Get started for free" if they are Free Trial Eligible.

If the user is both logged in and Free Trial Eligible, the top block is used and the title text will read "Welcome Back"

All Rule Options

*Indicates rules are only available on items inside the Repeating Product Group

Last updated