Selected Styling

Premium Feature

Selected Styling is available on any paid plan.

Selected Styling not available on TV paywalls

By adding Selected Styling, you change the paywall from One-Tap Purchase Mode to Select to Purchase Mode and a Purchase Button will be added.

In Select to Purchase Mode, the user must select a product and then tap the Purchase button to start the purchase flow. By default one product is always selected but they can tap between products to decide.

Adding Selected Styling

1. Click into the Capabilities tab

2. Find 'Selected Styling'

3. Click 'Add'

By default, when selected styling is added, conditional styling will be added to change the appearance of the 'selected' product.

Marking a Product as Selected

By default, the first product in the platform menu is marked as 'Selected'. To change the default selected product, click into the Products tab and flip the 'Selected' switch.

Selected Conditionals

To add additional styles for selected products, you can add extra Conditionals.

You can only apply selected style properties to children of the Repeating Product Group

1. Open the editor for the component you want to edit (such as Product Button)

2. Click the 'Conditions' tab

3. Click 'Add Condition'

4. Add a Rule for 'Product' is 'Selected'

5. Add properties to this condition

6. You will immediately see the changes reflected on the Selected Product