Articles on: Widgets

Product Page Add-ons

To access this page, go to Super Subscriptions > Design


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.


Table of contents



Subscription badge


Displays a small badge next to the product price whenever a subscription bar 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 bars 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 bar 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 bar 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.



Updated on: 07/29/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!