How to add a free-shipping bar to your Shopify store

You can add a free-shipping progress bar to Shopify in a few minutes using a dedicated app — the bar shows each shopper exactly how much they need to add to their cart to unlock free shipping, and updates live as they browse.

Why a free-shipping bar lifts average order value

A static “Free shipping on orders over $50” banner is easy to ignore. A dynamic bar that says “Add $8.50 more for free shipping” is much harder to ignore — it names a specific, achievable gap. Shoppers who can see the finish line are more likely to cross it.

The underlying demand for free shipping is strong. According to a FedEx consumer survey published in October 2024, 81% of shoppers say they are willing to increase their spending to qualify for free shipping (FedEx, 2024: https://newsroom.fedex.com/newsroom/global-english/fedex-data-highlights-that-consumers-view-free-shipping-as-a-non-negotiable-for-cart-conversion). The threshold bar is the tool that converts that willingness into a larger order.

The mechanism is straightforward: a shopper browsing your store can see at a glance how far they are from the threshold. Instead of wondering whether they qualify, they know — and they know what to do about it. One more item, a slightly larger size, or a complementary product clears the bar.

Setting the right threshold before you build the bar

The threshold matters as much as the bar itself. Set it too high and no one ever gets there; set it too low and you erode margin on orders that would have qualified without the nudge.

A common starting point: set the threshold 20–30% above your current average order value. If your average order is $42, try $52–$55. The goal is a gap that feels beatable — one more low-cost add-on should clear it for the majority of carts.

Use the free-shipping threshold calculator to find a number that preserves your margin while remaining attractive to shoppers.

Option 1 — Static message with the built-in theme section

If you just want to announce a free-shipping offer without a live progress calculation, Shopify’s built-in announcement-bar section works fine:

1. Go to Online Store → Themes → Customize in your Shopify admin.
2. In the left sidebar, click Add section and select Announcement bar (or click it if it is already listed).
3. Type your message: for example, “Free shipping on all orders over $50.”
4. Choose a colour scheme and click Save.

This is a static message — it does not adjust to each shopper’s cart. Every visitor sees the same text regardless of how much they have in their cart.

Option 2 — Live progress bar with a dedicated app

For a bar that does the arithmetic per cart and updates in real time, you need an app. Here is how to set one up with BoostPop:

Step 1: Install BoostPop

Find BoostPop in the Shopify App Store and install it. No theme edits are required — the app injects the bar directly onto your storefront.

Step 2: Create a new announcement bar

In the BoostPop dashboard, click Create bar and select the Free-shipping threshold bar type.

Step 3: Enter your free-shipping minimum

Enter the order minimum that triggers free shipping in your store. BoostPop uses this to calculate the remaining amount for each shopper’s current cart.

Step 4: Set the messages

You will typically set two messages:

• Progress message — shown when the cart is below the threshold. For example: “You’re {amount} away from free shipping!”
• Success message — shown when the threshold is met. For example: “You’ve unlocked free shipping!”

The {amount} placeholder is replaced with the actual remaining amount for each cart automatically.

Step 5: Style the bar

Choose colours, font size, and position (top of page, sticky). Match your brand’s look and feel.

Step 6: Publish and verify

Click Publish, then open your storefront in a private/incognito window. Add an item to the cart and confirm the bar updates correctly. Test both states — below and above the threshold.

Tips for making the bar work harder

• Put the threshold slightly above your AOV. If most orders are around $40, a $50 threshold means most shoppers are already close — a small nudge is all they need.
• Use specific language. “Add $8.50 for free shipping” converts better than “Almost there!” because it tells shoppers exactly what to do.
• Show the success state clearly. When someone clears the threshold, a celebratory message (“You’ve earned free shipping!”) reinforces the purchase.
• Match the bar to your offer. If you only offer free shipping to certain regions or above a certain cart size, make sure the threshold reflects the actual terms. Showing “free shipping unlocked” to a shopper who still has to pay because they live outside your zone damages trust.
• Review the threshold seasonally. If you run a sale and your AOV shifts, the threshold gap may become trivially easy or frustratingly out of reach.