Blog · Set up the bar

3 Common Mistakes When Setting Up a Cart Progress Bar

A threshold set at random, a tier that doesn't hold everywhere, a bar nobody sees on mobile: the three most common progress bar setup mistakes, and how to avoid them.

Yaco Studio · 6 min read · EN · FR · ES · DE

The three mistakes we see most often are a threshold that doesn't match your average order value, a tier that doesn't keep its promise everywhere (country, currency, discount code, gift out of stock), and a bar that shoppers don't see or don't understand, especially on mobile. Each one can be caught before you publish, using numbers you already have in Shopify and a few test carts.

A cart progress bar is simple in principle: it shows shoppers what they still need to unlock free shipping, a gift or a discount. Precisely because it looks simple, it tends to get set up in a hurry, and the details that make it useless, or even counterproductive, slip through. Here are the three traps we run into most, and how to avoid each one.

Mistake #1: a threshold picked out of thin air

The threshold is the heart of the bar, and two opposite mistakes keep coming up.

Too low. If free shipping starts at $30 and your average order is $45, most shoppers reach it without adding anything. The bar is full after the first item: it nudges nobody, and you pay shipping on orders that would have gone through anyway.

Too high. Set the threshold at $120 on a $45 average order and it looks out of reach. The shopper sees an almost empty bar, decides the perk isn't meant for them, and tunes it out. Yet shipping costs weigh heavily on the decision: according to the Baymard Institute, extra costs that are too high (shipping, taxes, fees) are the number one reason for abandoning checkout, cited by 40% of US shoppers who abandoned an order. An unreachable threshold leaves those costs in place and offers nothing in return.

Too many tiers. Stacking five or six rewards on one bar blurs the message. Shoppers lose track of the next goal, and every step looks tiny. Two or three well-spaced tiers, each one item apart, can be read at a glance.

How to avoid it: start from your real average order value, found in Shopify analytics, not from a round number chosen on gut feeling. Our free shipping threshold calculator applies a simple rule of thumb: set the threshold between 1.2 and 1.5 times your average order, then derive a gift tier and a discount tier from it. Then check that the gap between your average order and the threshold is roughly the price of one product in your catalog: that's what makes the step easy to take. To set up that first tier, the free shipping bar page walks through the configuration.

Mistake #2: a tier that doesn't keep its promise everywhere

This is the costliest mistake: advertising a perk the shopper can't actually get.

Country and currency. If you ship from France and offer free shipping from €50, that offer probably makes no sense for a shopper in Canada or Australia: you don't want to ship across the world for free on a €50 order. And even in markets where the offer holds, automatic conversion produces awkward amounts. Shopify converts prices at the current exchange rate, plus a conversion fee: a €50 threshold turns into a dollar amount that is anything but round, and that shifts with the rate.

Discount codes. In Shopify, discounts don't combine automatically: each discount has to be allowed to combine with the other classes (product, order, shipping), and order discounts apply to the subtotal already reduced by product discounts. The possible result: a shopper crosses your threshold, enters a welcome code, and finds at checkout that the perk has vanished or doesn't stack the way the bar suggested.

Shipping that is already free. During a promotion where shipping is free for everyone, a bar promising "only $12 more for free shipping" contradicts your own banner. For that period, swap the tier for a gift or a discount.

A gift that is out of stock. A "free gift" tier whose product has sold out disappoints at the worst possible moment, right after the shopper made the effort to add more.

How to avoid it: set a threshold per market, in its own currency, instead of letting conversion decide, and limit tiers to the countries where you can honor them. Yaco Progress Bar lets you set a threshold for each Shopify market, with an exception for a country inside a market. Before each promotion, place a real test order with your live codes and check their combination settings in the Shopify admin. For the gift, offer several variants to choose from: with a free gift with purchase in Yaco, shoppers pick their variant and out-of-stock variants are skipped.

Mistake #3: a bar nobody sees or understands

A well-tuned bar is worthless if shoppers don't see it when they make the decision, or can't tell what it's saying.

Forgetting mobile. According to Adobe Analytics, 56.4% of US online transactions during the 2025 holiday season took place on a smartphone. A bar tested only on desktop can, on a small screen, drop below the fold, truncate its text or push the checkout button out of view.

Forgetting the cart drawer. Many themes open a side drawer when a product is added, and shoppers head straight to checkout from there without ever seeing the cart page. A bar installed only on /cart misses a large share of add-to-carts.

A vague message. "Keep shopping!" says neither how much is missing nor what's to be gained. A good message names the remaining amount and the reward: "Only $12 more for free shipping." And once the tier is reached, a success message ("You've unlocked free shipping!") confirms that the perk is theirs, which matters as much as the progress itself.

How to avoid it: show the bar where the cart actually changes, meaning the theme's cart drawer and the cart page, then the product page if you want to announce the perk earlier. On Shopify Plus, you can also carry it through to the checkout. Test every placement on a real phone, not just in the browser's responsive preview. Write a progress message and a success message for each tier, in every language your store uses. If you're unsure about your theme, the list of compatible Shopify themes explains how the bar fits in.

Check before you publish

Before making the bar visible to all your shoppers, take ten minutes for this list:

  • the threshold is based on your real average order value, and the gap matches the price of one item;
  • two or three tiers at most, well spaced;
  • each market has its own amount, in its own currency, and countries without free shipping don't see the tier;
  • your live discount codes have been tested on a cart that crosses the threshold;
  • the gift offers variants that are in stock;
  • the bar shows up in the drawer, on the cart page and on mobile;
  • each tier has a progress message and a success message.

Yaco Progress Bar's free plan gives you the whole bar with one active tier; the Premium plan at $9.90/month unlocks every tier, with a 14-day free trial. The demo shows the bar at work on a cart, and the documentation goes through every setting step by step. If you also reward your best customers, the VIP thresholds follow the same rules.

Keep reading