Twenty-Five Dollars Away: A Free Gift With a Progress Bar

Introduction

A free gift with purchase is an old idea. Almost every Shopify store has tried one, and many have quietly concluded it does not move anything.

What is new is the bar: the line that says "you're $25 away," updates every time the cart changes, and gives the customer a gap they want to close while they are still deciding what to buy.

The usual planning question is:

"What gift should we give away at $75?"

A solutions architect asks a different one first:

"When does the customer find out the gift exists?"

If the answer is "at checkout," the gift is a pleasant surprise for an order that was already decided. If the answer is "on every page, with the distance shown," the gift becomes a reason to add one more item. This case study designs a spend-threshold free gift for a skincare brand whose average order sat just under the number that mattered.

Merchant Scenario

Consider Solace Skincare, a fictional Shopify brand selling cleansers, serums, and moisturizers direct to consumers.

Sixty-four dollars. The team had a travel-size serum that cost $3.80 to produce and retailed at $18. They wanted every order of $75 or more to receive one, and they wanted far more orders to reach $75.

The Free Gift That Moved Nothing

An earlier attempt used a Buy X Get Y campaign: spend $75, get the travel serum free.

It worked at checkout. It did nothing before checkout. Customers discovered the gift when it appeared in the cart, after they had already chosen what to buy. The reward was real, but it arrived too late to change behavior, and the average order did not move.

Business Objectives

Evaluating the Options

Option 1: Buy X Get Y at Checkout

The previous setup: a spend condition with the serum as the reward.

Option 2: Free Gift With a Toast Notification

A Free Gift campaign that announces the gift once, when the threshold is crossed.

Option 3: Free Gift With a Progress Bar

A Free Gift campaign with the storefront display set to Progress bar, visible on every page.

Comparison Matrix

The Discount Prime Configuration

Why Free Gift Fits Better Than Buy X Get Y

Buy X Get Y gives a reward at checkout. Free Gift maintains the cart.

The Free Gift widget adds the gift the moment the threshold is crossed, removes it if the cart drops back below, and shows the distance to the threshold the whole time. Behind the widget, the discount function independently re-checks the threshold and prices the gift line at $0 only if the cart passes. A gift left in a cart that no longer qualifies gets no discount, and the widget removes it on the next cart change.

Two systems, one checking the other. Solace never gave a gift to a cart that had not earned it.

Thresholds Measured on What the Customer Pays

The $75 threshold is measured on discounted prices, after any price-layer campaigns have applied. That is not configurable, and it is deliberate.

A customer whose $80 cart became $72 because of a sale does not qualify on the sticker total. The bar shows the honest number, and the honest number is what the discount function checks. The team planned the threshold around net cart value, not list prices, so a sale week never handed out gifts "early."

The Progress Bar on Every Page

Every page carried one line:

$25.40 more for your free gift

It updated as items were added. At $75 it changed to:

Your free gift has been added

The progress bar reuses the shipping-bar infrastructure, with reserved height so the page never jumps as it loads. Shoppers saw a stable strip, not a layout shift.

How the Gift Line Behaves

Invisible to Other Campaigns

The travel serum sat in the cart as a $0 line. It did not count toward the $75 threshold, toward free shipping, toward a bundle slot, or toward a cross-sell. Gift units are excluded from every other campaign's math.

That is the same freed-units rule Buy X Get Y already uses. A gift is a gift, not an input to another discount.

Out of Stock Means Skipped, Not Broken

The travel serum ran low in week three. When its variant hit zero stock, the widget stopped offering the tier rather than adding a line that could not ship, and the campaign list showed a warning so the team knew to act.

Only $0 items may be auto-added. That is a Shopify App Store rule, and Free Gift respects it, so a merchant never has to worry about an auto-added gift that accidentally carries a price.

Customer Journey

1. A shopper adds a $49.60 cleanser and toner. The bar reads $25.40 more for your free gift.
2. They add a $28 moisturizer. The cart passes $75, the bar changes to Your free gift has been added, and the travel serum appears as a $0 line.
3. They remove the toner to think it over. The cart falls below $75, the widget removes the serum on the cart change, and the discount function would refuse to price it at $0 anyway.
4. A different shopper fills an $80 cart during a sale that brings it to $72. The bar shows the distance from $72, because that is what they pay.

What a Single Free Gift Cannot Do

One threshold rewards $75 and $300 identically. A customer at $300 got the same travel serum as a customer at $75. Solace knew they would want tiers eventually, and that is the next story: Spend More, Unlock More.

The gift was also fixed. A customer who disliked serum had no alternative. The Customer picks gift mode exists for that, and it is an Ultimate feature; see Let Them Choose.

Metrics That Measure Success

• Average order value against the $64 baseline
• Share of orders at or above the $75 threshold
• Orders landing just above $75, a sign the bar is doing the asking
• Gift cost per order ($3.80) against the added revenue per qualifying order
• Estimated Profit on gift orders, from real Shopify cost prices
• Out-of-stock warnings on the campaign list during the run

Common Mistakes

• ❌ Using a Buy X Get Y campaign for a spend-threshold gift and getting a reward with no bar, no progress, and no nudge.
• ❌ Setting the threshold with sticker prices in mind when the campaign measures the price after other discounts, then being surprised a sale cart does not qualify.
• ❌ Choosing a gift with thin stock and not watching the campaign list for the out-of-stock warning.
• ❌ Expecting the gift line to count toward free shipping or another threshold.
• ❌ Giving the same gift at every spend level when the data says customers at $300 deserve more.

Key Lessons

The gift was not the lever. The bar was.

The same travel serum that did nothing as a checkout surprise moved the average order $14 once customers could see how far away it was. And two systems checking each other, the widget maintaining the cart and the discount function re-checking every gift line, meant the gift was never given to a cart that had not earned it.

Conclusion

Everyone has given away a free gift. The difference is whether the customer knew it was coming while they were still deciding.

Free Gift with a progress bar turns the threshold into something the customer can see and reach for. In this scenario, Solace's average order went from $64 to $78. The bar did the asking.