Free Shipping Progress Bar + Pack Upgrade Button: +24% Revenue per Visitor in the Cart Drawer
[ SUMMARIZE WITH AI ]
[ FREE CRO TEARDOWN ]
Find the 3 biggest revenue leaks on your store.
Every day a conversion leak goes unfixed, you're paying for traffic that doesn't buy. Get a 5-minute Loom through your PDP, cart, and checkout, with mockups of the fixes. No pitch.
Get My TeardownA free shipping progress bar got shoppers moving. Adding a one-click "upgrade to the bigger pack" button next to it is what we shipped.
A DTC food brand sells its product in packs. Buy 10 and shipping is free plus a pack discount. Buy 15 and the discount gets bigger. None of that showed up in the cart drawer. Shoppers had to know the rules from the product page, or find out at checkout.
We tested two ways to put a free shipping progress bar in the cart drawer, one plain and one with an upgrade button. For shoppers who opened the cart, the upgrade version brought in +24% revenue per visitor vs control, with an 88% probability to beat it, 119 orders vs 94. It is now live on the store.
How we measured it: every number here counts only shoppers who opened the cart drawer, tracked with a custom event, not every visitor to the store. The change lived inside the drawer, so that is the group it could affect. Across all visitors the lift would be smaller, since many never open the cart.
Three Cart Drawers, One Question
The question: does showing the shopper how close they are to free shipping and the next discount get more of them to check out?
| Version | What the cart drawer showed |
|---|---|
| Control | The existing drawer. Cart items, checkout button, a "View cart" link. No free shipping message at all |
| Variation 1 | A free shipping progress bar at the top: "You're $X away from FREE shipping", a line saying how many more items unlock it, and a bar with a small truck riding the fill. "View cart" link removed |
| Variation 2 | The same free shipping progress bar inside a card, with milestone markers for the 10-pack and 15-pack discounts, a headline that changes as each one unlocks, and an "Upgrade to 10-Pack" or "Upgrade to 15-Pack" button with short benefit checks. "View cart" link removed |
Setup: control + 2 variations in Intelligems, cart drawer only, desktop and mobile. The full cart page stayed the same for everyone.
Variation 1 Led for Weeks, Variation 2 Finished on Top
This test did not have a clean, single leader the whole way. Here is what we reported to the client along the way, for shoppers who opened the cart drawer:
| Read | Leader | Revenue per visitor vs control | Probability to beat control | Orders (leader vs control) |
|---|---|---|---|---|
| Day 39 | Variation 1 | +53% | 98% | 93 vs 64 |
| Day 46 | Variation 1 | +32% | 94% | 106 vs 85 |
| Final read | Variation 2 | +24% | 88% | 119 vs 94 |
Two things stand out. First, the early +53% shrank as orders came in. That is normal with small numbers, and it is why we did not call the test at day 39. Second, a version with the free shipping progress bar led control at every read. The bar itself was never the open question. Which version to keep was.
At the final read, Variation 2 had the stronger result, so we picked it.
Why We Shipped at 88%, Not 95%
About 100 orders per version is a small test. 88% is not the 95% most people wait for. We still shipped, for three reasons:
- The direction never flipped. A progress bar version led control at every read we sent, for about 6 weeks straight
- Waiting had a cost. At this store's order volume, getting to 95% could take months, and the drawer was about to change anyway for a new product launch
- The downside is small. Telling shoppers they are close to free shipping is not a risky idea. Even if the true lift is smaller than 24%, the odds still favor a gain
So treat +24% as a directional result, strong enough to act on, not a precise number to plan a budget around.
The Build Details That Mattered
A free shipping progress bar looks simple. Three things made or broke this one.
The design's math did not match the store
The mockup's example numbers implied a dollar threshold that did not exist in the store's shipping settings. We checked the real rules first, then agreed with the client to drive the bar by item count, with the goal at 10, the same number the product page already used.
"Add more" must mean "increase quantity"
The first version of the upgrade button added new items to the cart. Because each cart line carried hidden properties, Shopify created duplicate lines instead of merging them. We rebuilt it to raise the quantity of the lines already in the cart. That kept each shopper's flavors and their subscription choice exactly as they were, just more of them.
A bar that parks beats a bar that crawls
A truck icon that moved with every single item collided with the discount markers and looked messy. We switched to fixed stops: halfway before free shipping, then the 10-pack mark, then the end at 15. Once a milestone is reached, its marker disappears and the truck takes its spot.
What to Copy to Another Store
- If free shipping or a pack discount kicks in at a set amount, show it in the cart drawer. Shoppers do not remember the rules from the product page
- Pair the free shipping progress bar with one clear next step. A button that does the math for the shopper is easier than "add 4 more"
- Show only the next goal, not every tier at once
- Check the real shipping rules before building, then re-check before going live. In this test, the store's actual threshold had moved by the time we shipped
Free shipping thresholds are one of the most reliable levers we test. A different store saw it from the other side when we tested the threshold amount itself, and another brand got a strong result from a free gift progress cue in the cart drawer.
Wondering what a cart drawer is leaving on the table? See how we run CRO for Shopify brands.
Free Shipping Progress Bar Test: Common Questions
Does a free shipping progress bar increase revenue?
In this test, yes. A cart drawer version with a free shipping progress bar led control at every read. The winning version lifted revenue per visitor by 24% for shoppers who opened the cart, at 88% probability to beat control.
Is a progress bar alone enough, or do you need an upgrade button?
The plain bar led for most of the test. The version with a one-click upgrade to the next discounted pack finished ahead at the final read, so that is the one we shipped. Either beat having no message at the reads we made.
Can you trust a test with about 100 orders per version?
As a direction, yes. As an exact number, no. We shipped because a progress bar version led control for about 6 weeks without flipping, and the idea carries little risk. The +24% could be smaller in reality.
Should the bar count dollars or items?
Use whatever rule the store actually applies. This store's free shipping and discounts were tied to pack size, so the bar counted items toward a 10-item goal.
How should an upgrade button add items to the cart?
By raising the quantity of lines already in the cart, not by adding new ones. Adding new items can create duplicate lines and drop subscription settings or hidden line properties.