How to Add a Free Shipping Bar in WooCommerce
Free shipping is one of the strongest purchase motivators in ecommerce, but a static line in your footer saying “Free shipping over $50” does very little. Shoppers don’t do the math while browsing. A WooCommerce free shipping bar does it for them, showing a live message such as “You’re $12 away from free shipping” that updates as the cart changes. That small nudge is often enough to make a customer add one more item.
In this guide, you’ll learn how to set up a free shipping threshold in WooCommerce, how to display a progress message with a plugin, how to choose the right threshold, and how to fix the most common setup problems.
Why a Free Shipping Bar Increases Order Value
Unexpected shipping costs are a leading reason shoppers abandon their carts. In the Baymard Institute’s checkout research, extra costs such as shipping, taxes, and fees are the most common reason given for abandoning a purchase.
A free shipping threshold turns that pain point into a goal. Instead of seeing a shipping fee at checkout, the customer sees a clear target and how close they are to it. Three things make this effective:
- A concrete gap: “$12 to go” is easier to act on than “free shipping over $50.”
- Visible progress: a bar filling up creates a sense of near-completion that people naturally want to finish.
- A reward moment: “You’ve unlocked free shipping” confirms the customer made a good decision and reduces hesitation at checkout.
Here’s how that works in practice. Suppose your average order is $42 and your threshold is $50. A customer with $42 in their cart sees “Add $8 more for free shipping.” If they add a $10 accessory, your order value rises by almost 24%, and the customer feels they saved money.
Step 1: Set Up Free Shipping With a Minimum Order in WooCommerce
Before adding a progress message, WooCommerce needs a free shipping method with a minimum amount. A message promising free shipping only works if checkout actually applies it.
- Go to WooCommerce → Settings → Shipping.
- Open the shipping zone you want to configure, or create one for your region.
- Click Add shipping method and choose Free shipping.
- Edit the method and set Free shipping requires to A minimum order amount.
- Enter your threshold, for example 50, and save.
Keep a paid method, such as Flat rate, in the same zone for orders below the threshold. WooCommerce’s own free shipping documentation covers the remaining options, including coupon-based free shipping.
Hide Paid Rates When Free Shipping Applies
By default, WooCommerce may show both free shipping and the flat rate once the threshold is met, and some customers pick the wrong one. Many stores hide paid rates once free shipping is available, either with a small code snippet or a shipping plugin.
Step 2: Add a Free Shipping Progress Message
WooCommerce doesn’t show customers how far they are from the threshold, so this part needs a plugin or custom code.
Free Shipping Threshold for WooCommerce from Simpli Plugin is a free plugin built for exactly this. It calculates the gap between the customer’s current cart total and your free shipping limit, then shows a real-time motivational message, turning a static shipping policy into an active sales prompt.
- Download the plugin ZIP from its product page.
- Go to Plugins → Add New Plugin → Upload Plugin.
- Upload the file, click Install Now, then Activate Plugin.
- Open the plugin settings and confirm the threshold matches the minimum order amount you set in WooCommerce.
- Customize the message text, then test it with a few cart totals.
Need free shipping rules that WooCommerce can’t handle natively, such as different thresholds per customer group, product category, or country? Simpli Plugin’s team builds custom WooCommerce extensions around your exact pricing and shipping logic.
How to Write a Free Shipping Message That Converts
The wording matters as much as the mechanism. Keep each message short, specific, and positive:
| Cart state | Weak message | Stronger message |
|---|---|---|
| Empty cart | Free shipping available | Free shipping on orders over $50 |
| Below threshold | Spend more to get free shipping | You’re $12 away from free shipping |
| Threshold reached | Free shipping | You’ve unlocked free shipping |
Show the message where customers make decisions: on the cart page, in the cart drawer, and near the add-to-cart button on product pages. If you use a slide-out cart, Simpli’s free Side Cart for WooCommerce keeps that message one tap away on every page.
How to Choose the Right Free Shipping Threshold
Set the threshold too low and you give away shipping on orders that would have happened anyway. Set it too high and customers ignore it. A practical starting point:
- Find your average order value (AOV). In WooCommerce, check Analytics → Revenue and divide net sales by the number of orders over the last 90 days.
- Set the threshold 15–30% above your AOV. With an AOV of $40, try a threshold between $46 and $52.
- Check your margins. Make sure the extra order value covers your average shipping cost.
- Make sure there’s something to add. Customers need affordable products that close the gap, such as accessories, refills, or small add-ons.
- Review after a month. Compare AOV and conversion rate before and after, and adjust the threshold up or down.
Common Problems and How to Fix Them
The Message Says Free Shipping but Checkout Charges for It
The plugin’s threshold and WooCommerce’s free shipping minimum don’t match, or the customer’s address falls in a shipping zone without a free shipping method. Use the same amount in both places and check every zone you ship to.
The Amount Doesn’t Update When the Cart Changes
A page cache is serving an old version of the message. Exclude the cart and checkout pages from caching, and confirm that your caching plugin respects WooCommerce’s cart cookies.
Coupons Change Whether Free Shipping Applies
WooCommerce has a setting that controls whether the minimum is calculated before or after coupon discounts. Decide which you want, set it in the free shipping method, and make sure your message reflects the same logic so customers aren’t surprised.
Taxes Make the Totals Look Wrong
Depending on your tax settings, the cart total may include or exclude tax. If the message shows “$2 to go” but the cart already looks above the threshold, check whether both calculations treat tax the same way.
Related Guides
- How to Add a Side Cart to WooCommerce
- How to Set a Minimum Order Amount in WooCommerce
- How to Add Order Bumps to WooCommerce Checkout
Frequently Asked Questions
Does WooCommerce have a free shipping bar built in?
No. WooCommerce supports free shipping with a minimum order amount, but it doesn’t show customers how close they are to it. You need a plugin or custom code for the progress message.
Where should I display the free shipping message?
The cart page and the cart drawer are the most important places, because that’s where customers decide whether to add more. Product pages and a site-wide announcement bar also work well.
Can I offer free shipping only in certain countries?
Yes. Add the free shipping method only to the shipping zones where you want to offer it. Customers in other zones will see your regular rates.
Will free shipping hurt my profit?
It shouldn’t if the threshold is set above your average order value and the extra items cover the shipping cost. Track average order value and margins for a few weeks after launching to confirm.
Turn Shipping Costs Into a Reason to Buy More
A free shipping bar is one of the simplest ways to raise order value in WooCommerce. Set a minimum order amount slightly above your AOV, show customers exactly how far they are from it, and celebrate when they reach it.
Download Free Shipping Threshold for WooCommerce for free, and explore more free WooCommerce plugins from Simpli Plugin. If your store needs custom shipping or pricing rules, our developers can build them for you.