Free shipping offers work. Most Shopify merchants know that. But most free shipping bars just sit at the top of the page and get ignored after the first glance. A cart progress bar takes a different approach—it shows customers exactly how close they are to reaching the threshold while they're actively shopping. That progress triggers something: instead of leaving the cart as is, customers look for one more item to add. Here's how to set up a Shopify cart progress bar for free shipping and get the most out of it.
A cart progress bar is a visual indicator, usually a horizontal bar, that fills up as a customer adds more items to their cart. When the bar reaches 100%, the customer has unlocked a reward—most commonly, free shipping.
Unlike a static banner at the top of the page, a cart progress bar lives inside the cart drawer or cart page. It updates in real time as items are added or removed. The visual feedback makes the threshold feel achievable rather than arbitrary.
The cart progress bar takes advantage of the goal gradient effect: people put in more effort as they get closer to a goal. A customer who sees "Add $8 more for free shipping" is much more motivated to browse for another item than a customer who sees "Free shipping on orders over $50"—even if the math is the same.
For Shopify merchants, this directly translates to a higher average order value. If your free shipping threshold is set at a level that requires adding one more modest product, many customers will do exactly that.
Before adding the progress bar, you need a threshold that makes sense for your store economics. A common approach is to set it 20–30% above your current average order value. If your AOV is $45, a $55–$60 threshold gives customers a realistic goal without feeling out of reach.
If you haven't set a free shipping threshold yet, see How to Set Free Shipping Thresholds That Grow AOV for a more detailed breakdown.
Boolean Conversion Kit includes a cart progress bar as part of its conversion toolkit. Install it at apps.shopify.com/bullconvert. Once installed, navigate to the Free Shipping Bar or Progress Bar widget and enable it.
Inside the app, set the threshold amount to match your actual free shipping cutoff in Shopify Shipping. The Shopify cart progress bar should only unlock when the customer genuinely qualifies for free shipping—otherwise it creates confusion and support tickets.
A good cart progress bar has three states of messaging. Before any items are added: "Free shipping on orders over $50". In progress: "You're $12 away from free shipping—keep shopping!" Unlocked: "You've unlocked free shipping!" Each state should be direct and clear. Don't over-celebrate the unlock—a simple confirmation works better than animated confetti that slows down the checkout experience.
The progress bar belongs inside the cart. Specifically, inside the cart drawer (if your theme uses one) or at the top of the /cart page. Some merchants also add a smaller version to the header. That can work, but the highest-impact placement is where customers are already looking at what they've added.
A cart progress bar works best when it's supported by an easy way for customers to keep browsing. If your cart drawer has a "Continue Shopping" button, customers can act on the prompt immediately. If the only option after seeing the bar is to check out, you're leaving the upsell on the table.
Consider pairing the progress bar with a short product recommendation section at the bottom of the cart, or a link back to your bestsellers or a curated collection.
You might also consider adding a complementary free shipping bar at the top of your store to set expectations before customers even reach the cart.
Set up a comparison in your Shopify Analytics: look at average order value for sessions where customers added multiple items to the cart before and after installing the progress bar. Look at a 4-week window to smooth out week-to-week variation.
You can also look at it simply: if you have a $50 threshold and your AOV moves from $44 to $53 over the following month, the Shopify cart progress bar is likely contributing to that shift.
Boolean Conversion Kit includes a cart progress bar alongside tools like countdown timers, trust badges, and a live visitor counter—all in one app. Install it on the Shopify App Store.
