How to add a free-shipping progress bar to your Shopify cart

Why does a free-shipping threshold lift orders, but only when it's visible?

Because the threshold only works as a target the shopper can see. "Spend $60 for free shipping" changes behavior when a number counts down in front of them. Hidden in your policy page, it changes nothing.

The lever is simple: a free-shipping minimum nudges shoppers to add one more item, because clearing the threshold feels like winning and paying for shipping feels like losing. But it depends on visibility. A shopper at $48 only reaches for the next item if they know they are $12 short and that $12 earns free delivery. Otherwise the threshold is a rule they meet at checkout, too late to act on, and the order closes smaller than it would have.

So the bar is not decoration. It is the mechanism, the number that turns a passive policy into a reason to add one more thing, at the moment the shopper is looking at their cart.

What does a free-shipping progress bar do?

It shows the shopper how close they are to free shipping and updates live as they add items: "You're $12 away from free shipping," then "You've got free shipping" once they cross the line.

The bar works because it makes the gap feel small and closable. "$12 away" is a number a shopper can act on, and watching the bar fill as they add an item pulls the order upward. They are shown a goal and how near it is, and the rest is their decision. When they cross the threshold, the message flips to confirm the win, so the bigger cart feels like a smart move, not an upsell they fell for.

It has to live in the cart because the cart is where the shopper tallies up and decides whether they are finished. That is the only moment "$12 more" can change anything, and exactly where Shopify's default cart stays silent.

How do you add a free-shipping bar to your Shopify cart?

You use a cart that includes a progress bar, because Shopify's native cart does not show one. The bar reads the cart total against your threshold and updates as items change, with no theme edits.

Honestly, this is another feature Shopify makes you bolt on, which is why the app market has a row of single-purpose "free shipping bar" apps. Each is its own install, its own script, its own subscription, for one bar. That is the trap: paying a separate vendor for a progress bar that should be part of the cart it lives in.

Sledge cart drawer includes a free-shipping progress bar as a built-in node. You set the threshold, and the bar counts down live as the shopper adds and removes items, no separate shipping-bar app and no theme code. It sits alongside the rest of the cart instead of floating in as a second vendor's overlay.

Where should the bar live in the cart?

At the top of the cart drawer, above the line items, where the shopper sees it the instant the cart opens. It should greet them first, because it frames every item they add after.

Placement is a real choice, and the cart drawer is where it earns its keep, not a banner stuck to the top of every page. A sitewide banner shouts the threshold at shoppers with empty carts. The cart-drawer bar speaks to a shopper who already has items and is deciding whether to add more. That is the audience that converts on it. In Sledge the cart drawer is built from nodes you arrange, header, progress bar, recommendations, a discount field, trust badges, so you drag the free-shipping bar to the top and order the rest around it. The bar and a recommended add-on that helps close the gap can sit one above the other.

The free-shipping bar checklist

• The threshold is shown to the shopper, not buried in a shipping policy page.
• The bar updates live as items are added and removed, not just on page load.
• It reads "You're $X away," then confirms the win once the cart crosses the line.
• The bar lives in the cart drawer, where the shopper decides whether to add more.
• It sits near the top of the drawer, so it frames the items added after it.
• It is part of the cart, not a separate shipping-bar app with its own script.

Related reading

Cart drawer · Promotions · Dawn cart drawer upgrade · Cart abandonment trust signals