Every widget available on your storefront can be customized through a wide range of customization options.
To customize a widget, go to the Customization page, select the widget you want to edit, and start modifying its appearance and behaviour to match your storefront design.
Some widgets and customization options may not be available depending on your current app version or feature access.
If you would like to upgrade your app version, request access to additional widgets, or learn about upcoming widget releases, please contact our support team for assistance.
Each customization details page consists of two main areas:
A live preview area, where you can see how the widget will appear on your storefront
A settings sidebar, where you can configure the widget behaviour and appearance
The settings sidebar is organised into multiple sections, each responsible for different customization options, such as:
Content
Styles
Display settings
Widget block
The available settings may vary depending on the selected widget.
Customise the text for each campaign tier
Tier-specific messages can also be edited from the campaign page. If your widget has a Text for each tier section:
Open the campaign you want to edit.
Near the bottom of the campaign page, open Widget → Content → Text for each tier.
Select the relevant tier and edit its Goal title or Remaining goal title.
Keep the placeholders for any values you want to update automatically.
How the automatic values work
The default Goal title is {{discount}} off. The {{discount}} placeholder is replaced automatically with the discount configured for that tier.
The default Remaining goal title is You're only {{remaining}} away from {{milestone}}!
{{remaining}}is replaced with the amount remaining to reach the tier.{{milestone}}is replaced with the tier’s discount message.
You can change the surrounding wording to match your store’s tone. Keep the placeholder names and double curly brackets unchanged so the values continue to update automatically.
For example, a tier configured with a 10% discount uses {{discount}} off to display 10% off.
If the displayed discount looks unexpected
If a message shows an unexpected value such as “$0.00 off”, check the discount configured for the affected tier. If it does not match what you expect, contact support with the campaign name, the tier’s discount setting and a screenshot of the message.