A free shipping progress bar tells customers exactly how much more they need to spend to unlock free shipping. It is a simple way to increase average order value. But if the amount shown is wrong, customers feel misled at checkout. Here is what separates a good free shipping bar from a frustrating one.
1. Reads your real shipping settings
The threshold should come from the “Free shipping” method of the customer’s shipping zone, so the bar and the checkout always agree. A fixed amount option is useful as a fallback.
2. Counts the cart like WooCommerce
Taxes, coupons and discounts change the total. The bar must calculate the remaining amount exactly the way WooCommerce’s free shipping method does; otherwise the bar says “Free shipping unlocked” while checkout still charges shipping.
3. Cart and Checkout blocks
Recent WooCommerce versions use block-based cart and checkout pages. Many older plugins only support the classic shortcode pages. Check both.
4. Live updates, even on cached pages
When a product is added from a category page or removed from the mini-cart, the bar should update immediately. On cached pages, server-rendered bars can show stale amounts.
5. Placement
Site-wide bar, cart page, checkout and mini-cart. On phones, an option to hide the site-wide bar keeps the screen clean.
6. Messages
Three states: empty cart (“Free shipping from $50”), in progress (“Only $12 left”), goal reached (“You’ve unlocked free shipping!”), with placeholders for amounts.
Checklist
- Automatic threshold from shipping zones
- Exact WooCommerce calculation
- Classic and block cart/checkout
- Live, cache-proof updates
- Multiple placements
- Three message states
- Lightweight
Test before you decide
- Add a product below the threshold and check the remaining amount.
- Apply a coupon and check the amount updates correctly.
- Reach the threshold and compare with the shipping cost at checkout.
- Remove a product from the mini-cart and watch the bar update.
- Test with a customer from another shipping zone.
If the bar and the checkout ever disagree, customers lose trust. This test takes five minutes and avoids it. For more ways to grow the basket, see how to increase average order value.
Our option
ShipBar reads your free shipping method, counts the cart like WooCommerce, works with classic and block carts, and updates live even on cached pages. Try the free shipping bar demo, then read how to choose your threshold.
Frequently asked questions
Do I need a plugin for a free shipping bar?
WooCommerce has free shipping rules but no progress bar. A plugin adds the visual nudge.
Where should the bar appear?
At least in the cart and mini-cart; a site-wide bar adds visibility during promotions.
Does it work with coupons?
A good bar applies the same coupon rules as your free shipping method.