Free shipping bar
A progress bar that shows how close a shopper is to free shipping — for example "You're $12 away from free shipping." The bar fills and the message updates whenever the cart changes. The full bar appears in the cart drawer and cart page; the message alone can also be shown in the announcement bar as a Free shipping progress block (message only, no bar).
The bar is visual only — it does not apply free shipping on its own, so a matching free shipping rate must exist in your Shopify shipping settings.
How to turn it on
In Shopify admin → Settings → Shipping and delivery, set up a free shipping rate at the threshold you want to promote.
In the theme editor, open Theme settings → Cart.
Under Free shipping bar, enter the Minimum amount for free shipping as a plain number in your store currency (for example,
75for $75) — match it to the rate you configured in step 1.Pick a Progress bar color that stands out against your cart's color scheme.
Keep Show amount range on so shoppers always see how much more they need to add.
Save.
The bar shows wherever the Free shipping block is placed — by default in the Cart drawer and the Cart page.
Optional: add the Free shipping progress block to the Announcement bar to show the message storewide. It reads the same threshold, but shows text only, with no bar.
Last updated