Skip to main content

Add a countdown timer, sticky bar and low stock alert to your volume discount

More options is the last section of step 3, Look and texts. Here you choose which button adds a tier, hide your theme's variant picker, and add a sticky bar, a countdown timer and a low stock alert. To open it, click Bundles & Discounts in the app, open a volume discount, click Look and texts in the steps on the left, and open More options. The settings just above it have their own guide.

What this video covers

  • Button decides which button adds a tier. Your theme's, the default, lets shoppers pick a tier and then use your theme's Add to cart, which adds the tier with its gifts and add-ons. The offer's own puts a button inside the offer that adds the selected tier in one click, and your theme's button keeps working. Only the offer's button follows Where shoppers go after adding, in step 4. With add-on products or gifts that unlock, The offer's own is switched off and the page says why.

  • Your theme uses a custom Add to cart button is for product pages with a button from a page builder, such as PageFly or GemPages. Turn it on, and that button adds the selected tier too.

  • Hide your theme's variant picker removes your theme's picker, such as a Size menu, on products where the offer shows. Turn it on only when the offer has its own variant pickers, or shoppers can't choose a variant.

  • Sticky bar shows a bar with the product and a button at the bottom of the page once shoppers scroll past the offer. The button takes them back to the offer. If your theme shows its own sticky add to cart bar, turn it off in your theme editor so the two bars don't overlap. In Horizon, it's Sticky add to cart bar in the Product information section.

  • Countdown timer, under Urgency, adds a bar above the tiers that counts down and hides at zero. When it ends: After a set time gives each shopper their own timer, starting when they first see the offer; At midnight counts down to midnight in the shopper's time zone; with these two the discount stays on after zero. On the offer's end date counts down to the end date in When and the discount ends then too; with no end date, the timer doesn't show. For After a set time, Minutes sets the length (empty means 15). Timer format picks the units, and Automatic shows hours only when needed. Edit text and colors opens the timer on the Design tab.

  • Low stock alert adds a bar above the tiers that says how many are left, such as Only 14 left. It shows when the variant's stock is below the number in Show when stock is below (empty means 5; the video uses 20), and only for products whose stock Shopify tracks and that stop selling at 0. Edit text and colors opens it on the Design tab.

  • On your store: after Save, give it a few seconds to go live. The countdown and the low stock bar sit above the tiers, your theme's Size menu is gone, and picking 2 items gives each item its own size menu. The offer's own Add to cart sits under the tiers with your theme's button still below it. As you scroll down, the sticky bar stays at the bottom, and Choose bundle takes shoppers back to the offer.

In short

  • The offer's own button adds the selected tier in one click and your theme's button still works.

  • Hide your theme's variant picker only when the offer has its own variant pickers.

  • After a set time and At midnight leave the discount on after zero; On the offer's end date ends it, and needs an end date in When.

  • The low stock alert needs a product whose stock Shopify tracks and that stops selling at 0.

  • The variant picker, sticky bar, countdown timer and low stock alert are switched off on the Legacy widget: the page says to switch to Modern.

Did this answer your question?