About Widget Page

On this page, you can select predefined design for your subscription widget. Note that you can only select one widget design to all templates.

For each design, you can select
View Demo: to see how the widget works on live view. The demo is clickable for real-life experience.
Try It On: Allow you to customize style, color, and text for purchase options. Once done, view live to see the exact look in action.

Customize Card template

You can customize subscription cart template by changing:

Product color match: Select a suitable color palette that match with your store's industry and aesthetics.
Discount badge:

If you want discount badges at all positions share the same style, you can enable "Apply to all positions". In case you want to edit each badge separately, uncheck this option, and you can adjust each badge in "Price", "Subscription", "Pay-as-you-go", and "Pre-paid"
When customize discount badge, you can change Badge style, Tilt degree, and Text display. The discount amount in text display will be converted automatically to percentage discount.

Price: Price section allows you change the position of original price (compared to discounted price). You can only edit discount badge in Badge if "Apply to all positions" in Discount badge is not selected. In order to edit Price discount badge separately, go to Discount badge tab and turn off feature Apply to all positions.
Purchase: In Purchase section, you can choose to enable Heading by select "Display heading", change the option of subscription to prioritize One-time purchase or Subscription purchase. You can also select Default option for your Subscription card to be either One-time or Subscription
One-time purchase: You can change the heading text of the One-time purchase option
Pay-as-you-go: You can choose to change the heading text of Pay-as-you-go option, enable icon or subscription details. You can only edit discount badge in Badge if "Apply to all positions" in Discount badge is not selected. In order to edit Pay-as-you-go discount badge separately, go to Discount badge tab and turn off feature Apply to all positions.
Pre-paid: You can choose to change the heading text of Pre-paid option, enable icon or subscription details. You can only edit discount badge in Badge if "Apply to all positions" in Discount badge is not selected. In order to edit Pre-paid discount badge separately, go to Discount badge tab and turn off feature Apply to all positions.

Important: The preview may look different from reality. For accuracy, click button Save and then View live to check the widget.

Updated on: 18/04/2025