"Free shipping over $50" is one of the oldest offers in ecommerce, and it still works. The trouble is that most stores mention it once, in a banner at the top of the page. The shopper adds a $38 jacket, opens the cart, and has no idea they are $12 away from free delivery.
A free shipping bar fixes that. It sits in the cart, shows the gap, and fills up as the shopper adds products. This guide covers what Shopify does natively, how to choose a threshold that pays for itself, and how to set the bar up in a cart drawer.
What a free shipping bar does
The bar turns a rule into a goal. "Free shipping on orders over $50" is a rule the shopper has to remember and work out. "You're $12 away from free shipping" is a goal with the sum already done. When the cart crosses the line, the bar says so, and the shopper gets a small win right before checkout.
Placement matters. A banner in the site header helps people know the offer exists. The cart is where they decide whether to add one more thing, so that is where the bar earns its keep.
What Shopify covers natively
Shopify handles the shipping side well. There are two native ways to make shipping free above an amount:
- A conditional free shipping rate. In your shipping settings, add a rate priced at zero that applies only to orders above a minimum value.
- A free shipping discount. An automatic or code-based discount with a minimum purchase amount.
Both make shipping free at checkout. Neither tells the shopper anything in the cart. Most free themes show the items, a subtotal and a checkout button, with no progress toward the threshold. A bar that updates as the cart changes comes from an app or from custom theme code.
The custom code route has a hidden cost. The threshold then lives in two places, your shipping settings and your theme. Change one, forget the other, and the bar says "unlocked" while checkout still charges shipping.
Picking a threshold that pays for itself
The threshold matters more than the look of the bar. Too low, and you pay shipping on orders you were getting anyway. Too high, and nobody tries.
A good place to start is 20 to 30% above your current average order value. Say your average order is $42 and shipping costs you $7:
- A $45 threshold. Many orders may already be close to it. You could end up paying shipping on a lot of orders for very little extra spend. Check how many of your orders already sit near or above $45 before you choose it.
- A $55 threshold. A shopper at $42 needs one more small item. If they add a $15 product with a 60% margin, you earn $9 extra and pay $7 in shipping. You come out ahead, and the customer got free delivery.
- A $90 threshold. The gap is too big for most carts. The bar becomes a reminder of what they are not getting.
Check your price list too. The bar works when you sell items that fit the typical gap. If your cheapest product is $40 and the usual gap is $10, shoppers have to spend four times the gap to qualify. A lower threshold or a small add-on product helps more than any bar design.
Setting it up in Bundlex Cart
Bundlex Cart replaces your theme's cart with a slide-out drawer, and the rewards bar is one of its blocks. A free shipping tier in the bar publishes a real shipping discount, so the bar and checkout follow the same rule.
- Install the app and turn on the drawer with the app embed in your theme editor. See install Bundlex Cart and activate your drawer.
- Turn on the rewards bar and choose whether progress counts the cart total or the number of items.
- Add a free shipping reward. Set the minimum cart value and a reward name shoppers will recognise at checkout.
- Review the rate limit. Shipping rates priced above this limit stay paid. That can keep an expensive express rate at full price, but the limit looks at the price, not the service name. The free shipping guide explains it.
- Save and activate the cart. Saving a design that is not active does not publish the reward.
- Test at checkout. Try carts just below, at and just above the threshold, and check the shipping line with a real delivery address.
One detail to know: with progress measured by cart total, the free shipping tier counts what the shopper pays after product discounts and codes. The bar's own order discount is the one exception: it is not taken off, so reaching a bigger reward never takes free shipping away. If a 10% code entered in the drawer takes a $52 cart to $46.80, a $50 threshold is no longer reached, and the bar shows that before checkout does. A code typed in only at checkout cannot show in the drawer first, so test that path too.
Adding more rewards
Once shipping works, the same bar can hold a short ladder. For example: free shipping at $50, a free gift at $75, 10% off at $100. Each step gives the shopper one more reason to add an item.
Keep it to two or three steps, so the bar stays readable on a phone. The rewards bar guide walks through a three-step example, and our guide to free gifts with purchase covers the gift step.
Mistakes to avoid
- A threshold below your average order. You pay for shipping on orders that would have come anyway.
- Mentioning it only in the header. The message belongs in the cart, where the decision happens.
- Nothing small to close the gap. Suggest a few low-price products in the same drawer. Our guide to cart drawer upsells covers what to show.
- Forgetting discount codes. Decide how codes and the threshold interact, then test a cart with a code in the drawer and one entered at checkout.
Measuring the results
Compare two to three weeks before and after. Watch the average order value, the share of orders above the threshold, and your shipping cost per order. If more orders land just above the line, the bar is working. If almost every order was already above it, raise the threshold.
You can try a live drawer with a rewards bar on the Bundlex Cart page. The drawer there is the real storefront engine with demo products. Bundlex Cart is currently free to install; see pricing for plans.
