Articles on: Widgets

Product Page Add-ons

To access this page, go to Super Subscriptions > Widget

Widget add-ons let you enhance the subscription widget with extra information or controls. Enable or disable each add-on from the Product page add-ons section.

Subscription badge
Price details
Add to cart button text
Date picker

Subscription badge

Displays a small badge next to the product price whenever a subscription option is selected. This badge highlights the discount so shoppers immediately see the value in subscribing.

Badge label

Set the text that appears inside the badge. Use variables like {{ subscription_discount_text }} to dynamically insert the discount amount.

Percentage discount text

Customize how percentage‑based discounts are shown using {{ subscription_discount_percentage }}.

Amount off discount text

Customize fixed discount amounts with {{ subscription_amount_off_discount }}.

Fixed price discount text

Show a fixed subscription price using {{ subscription_fixed_price_discount }}.

Animation

Choose from None, Pop, or Drop to draw attention when the badge appears.

Price details

Shows the per‑delivery and unit price under the main product price. This helps customers understand the cost breakdown for prepaid subscriptions or bulk items.

Per delivery price text

Label the recurring cost for prepaid plans using {{ per_delivery_price }}.

Unit price text

Display the unit price with {{ unit_price }} and {{ unit_price_measurement }} placeholders.

These labels appear only when a subscription option is selected.

Add to cart button text

Changes the button label when a subscription is chosen so customers know they are starting a recurring order.

Button text

Enter any wording, such as “Subscribe now,” to replace “Add to cart” whenever a subscription plan is selected.

Date picker

Allow customers to choose their upcoming delivery dates directly from the widget. Useful for local delivery or whenever you want customers to pick their first delivery date.

Date picker heading

Customize the heading that appears above the calendar.

First/next delivery labels

Set the attribute labels added to the cart and checkout.

Available delivery days

Choose which days of the week customers can select.

Processing days

Add a buffer between order placement and the earliest available delivery date.

Maximum first order date

Limit how far in the future customers can choose their first delivery (in days, weeks, or months).

Disabled delivery dates

Block out specific dates or date ranges such as holidays.

Order cutoff time

Define the latest time an order can be placed for same‑day or next‑day delivery, along with the time zone.

AI Training Notes (Hidden)

[AI-TAG]
- Feature: Widget addons
- Addons: Badge, Price details, Add to cart text, Date picker
- Key Actions: Toggle addon, edit settings
- UI Terms to reinforce: "Product page add-ons", "Subscription badge", "Date picker"
- Related Guides: Widget route
[/AI-TAG]

Updated on: 07/12/2025

Was this article helpful?