Stepped incentives
Free shipping at the first tier, a cart discount at the second, and a free gift at the third.
Milestone rewards
A cart progress bar with rewards at every milestone
Show shoppers how close they are to the next reward. Set up to 6 milestones per rule, each giving a free gift, a cart discount, or a shipping discount.
- Cart page
- Cart drawer
- Checkout
What it is
Milestone rewards progress bar, explained
A milestone progress bar fills as the cart grows and unlocks a reward at each tier. In Free Gifts BOGO & Upsell, each milestone has a spend goal and a reward type: free gift, cart discount, or shipping discount.
Use it when you want to lift the order total in steps, for example free shipping first, then a discount, then a gift. The bar makes the next target visible without any extra messaging from you.
For the shopper
How it works on your store
- Step 01
Shopper sees the bar
A progress bar in the cart shows the milestones and how far the cart has come.
- Step 02
Adding items fills the bar
As the cart value rises, the bar fills toward the next milestone.
- Step 03
A milestone unlocks
When the spend goal is reached, the reward unlocks. Rewards can be added to the cart automatically.
- Step 04
Shopper claims or keeps going
If you let customers choose their free gift, they select it from a gift modal. Otherwise they keep adding toward the next tier.
For you
Set it up in Free Gifts BOGO & Upsell
Options you control
- Up to 6 milestones in each rule
- Reward types: free gift, cart discount, or shipping discount
- Give all milestone rewards or only the latest milestone's reward
- Automatically add rewards, and automatically remove a free gift if the milestone is no longer met
- Shipping discount limits by maximum value, locations, and shipping methods
- Custom discount name suffix for each reward type
- Currency format, colors, container style, and custom CSS
- Position in the cart and cart drawer: before, prepend, or after an element
01. Turn on the Progress bar block
Go to Themes, Customize, App embeds, switch on Progress bar, and save.
02. Set how rewards are given
Choose to give all milestone rewards or only the latest one, and whether rewards are added and removed automatically.
03. Build the tiers
Add up to 6 milestones. For each, set the spend goal and a reward type: free gift, cart discount, or shipping discount.
04. Choose what it applies to
Apply the campaign to all products, specific products, or specific collections, and set active dates.
05. Preview and style
Check the bar in the preview, then edit the widget style and default text. You can also choose where it sits in the cart and cart drawer.
Use cases
Where it pays off
Campaign bar for a sale
Run a time-limited bar with a custom reward name that matches your sale theme.
Region-aware shipping reward
Limit the shipping discount to chosen countries or shipping methods.
FAQ
Frequently asked questions
How many milestones can I add?
Up to 6 milestones in each rule.
What can a milestone reward?
A free gift, a cart discount (percentage or fixed), or a shipping discount (percentage or fixed).
Do customers get every reward they pass?
That is your choice. You can give all milestone rewards or only the latest milestone's reward.
Can customers pick their free gift?
Yes. If the reward is a free gift and you choose manual selection, shoppers pick from a gift modal.
Where does the bar appear?
In the cart and cart drawer, and the demo store shows it on the cart page and at checkout too. You can set its position relative to a page element.
Related features
Pairs well with
Start gifting in a few minutes.
Free gifts, BOGO, bundles and progress bars. Every offer type, on a free plan to start.