Add a free-shipping progress bar at the top of every page. Shows amount remaining, switches to "unlocked" when met.
Want more control? See the expanded prompt ›
Add a free-shipping progress bar at the top of every page (below the announcement bar). Shows '$X away from free shipping' when subtotal is below $75, switches to '🎉 You unlocked free shipping' when met. Hidden when cart is empty.
- Persistent across the whole site (not just cart).
- Updates live as cart subtotal changes.
- Switches to unlock celebration when threshold is met.
- Hidden when cart is empty (no nag for first-time visitors).
What you're trying to do
Free-shipping thresholds work because shoppers chase them — but only if they can see the chase. Hiding the threshold inside the cart drawer means most shoppers never see it. A persistent bar at the top of every page keeps the math visible: every product they add is also progress toward unlocking shipping.
Things to watch out for
- Hidden on empty cart: the first impression isn't a nag.
- Mobile: the bar is thinner on mobile to preserve vertical space.
- International: the threshold can be set per market.
- Animation: the bar fills smoothly when the subtotal changes.
How Fudge does it
Fudge duplicates your live theme into a draft, builds the section as an editable Shopify section with the placement and behavior your prompt requires, and wires it to your real product data and brand styling. Everything starts in draft — preview on your store, tweak via the Theme Editor, and publish only when you're ready. Your live store stays untouched.
Why a free shipping progress bar works
A persistent “X away from free shipping” bar across every page gives shoppers a reason to add the extra item that hits the threshold. Switching to “unlocked” when met reinforces the achievement. It’s a small element with one clear job.
When this is worth building
Build the free shipping bar if you have a threshold-based free shipping policy. Skip if shipping is universally free or universally paid.
What makes one great
- Top of every page, below announcement bar — visible across journey.
- ‘$X away from free shipping’ when below threshold — specific math.
- Switches to ‘You unlocked free shipping’ when met — achievement reward.
- Hidden when cart is empty — no irrelevant messaging.
- Threshold pulled from store settings — auto-syncs.
Pair this with cart drawer free shipping bar and highlighted benefits bar.
Fudge builds this with its bundles and discounts tools; for a step-by-step version, see how to add a free shipping progress bar in Shopify.