Articles on: Regios Discounts

Storefront Widgets

The Storefront widgets card on the Add to theme page


Storefront widgets show shoppers your discounts before checkout: how close they are to the next reward, what they get by adding a product, how long a sale has left, and which free gift they can choose. They're built from the discounts you already created in our app, so there's nothing to set up for each discount.


Use Cases

  • Showing a progress bar toward the next volume tier or spend goal in the cart or cart drawer
  • Telling shoppers on the product page what they get by adding the product, including a free gift
  • Labeling products that come with a free gift on collection and search pages
  • Showing a countdown to when a sale ends
  • Showing the price with a code, or the members price, before the shopper qualifies
  • Letting shoppers choose their free gift
  • Listing quantity discount tiers on product pages


The widgets



You can see all of them, with a small preview of each, on the Add to theme page in our app.


How to get them


The widgets are part of the Storefront Widgets add-on. To turn it on, open the Billing page in our app, tick "Storefront widgets", and approve the new total in Shopify. The add-on is billed together with your plan.


If your store already used the Volume Pricing Table, the Cart Promo Message or the strikethrough for manual discount codes before they became part of the add-on, you keep them at no extra cost.


Checklist


  1. Turn on the Storefront Widgets add-on from the Billing page.
  2. Make sure the Discounts Embed is turned on in your theme. Follow the Discounts on Product Pages tutorial if you haven't set it up yet.
  3. Add the widgets you want in the Theme Editor (each widget's article above has the steps).
  4. Preview your store to see them with your own discounts.


Turn a widget off


Turning a widget off never changes your discounts. They keep applying at checkout.


  • Volume Pricing Table: in the Theme Editor, open the Product page template, click the "Volume Pricing Table" block and remove it (or click the eye icon to hide it), then save.
  • Cart Promo Message: open the Cart page template, remove or hide the "Cart Promo Message" block, then save.
  • Cart Drawer Promo Message: click "App embeds" (the puzzle icon), turn off "Cart Drawer Promo Message", then save.
  • Product Promo Message: open the Product page template, remove or hide the "Product Promo Message" block, then save. To drop only the free gift line, turn off "Show free gifts" in its settings.
  • Free gift badge: clear the "Free gift badge" setting in the Collection Page Discount, Search Page Discount or Featured Products Discount block.
  • Countdown: remove [time_left] from your discount description template.
  • Code and members teasers: open the discount in our app, untick the option in the "Display on online store" card, and save.
  • Free gift picker: open the Auto Add to Cart offer's "Add to cart" step and choose "Add all of these". The gifts are then added automatically again.
  • Strikethrough for manual discount codes: on the Add to theme page in our app, click "Disable" in the "Strikethrough for manual discount codes" card.


To hide a widget on mobile only, see the custom CSS examples in each widget's article.


Your Feedback Matters

Your review helps keep this small business running. Please leave one on the Shopify App Store.

Updated on: 03/11/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!