Where should a cart reward progress bar appear?
Place the reward progress bar where shoppers decide to add items: in the cart drawer and cart page first, optionally on product pages or as a sitewide bar; checkout placement is mainly a Shopify Plus option.
Put the progress bar where the shopper decides to add one more item: the cart drawer and cart page first. Add it to product pages or a sitewide bar if you want shoppers to see the goal before they open the cart. A bar inside checkout is mainly an option for Shopify Plus stores, and by then most shoppers have stopped browsing.
Which placements are possible?
| Placement | Strength | Weakness |
|---|---|---|
| Cart drawer | Seen right after adding an item | Limited space on mobile |
| Cart page | Room for detail and suggestions | Some shoppers skip it |
| Product page | Shows the goal before adding | Can clutter the buy area |
| Sitewide bar | Constant reminder | Easy to ignore; uses screen space |
| Checkout | Last reminder before paying | Plus-only extension points; late in the journey |
What do apps document?
App documentation describes different placements. Monk Commerce documents that its gift pop-up can be shown only when the progress bar is set up on the home page, product page and cart, and not at checkout. (How to set up a free gift pop up offer using the progress bar? — Monk Help Center) Donum says its progress bar can appear in the cart, the cart drawer and as a floating bar on every page. (Donum auto gift — Donum Studio) Kite’s listing describes customizable storefront widgets and goal-based progress bars. (Kite Discount, Free Gift, BOGO — Shopify App Store) AOV.ai lists a checkout progress bar as a Shopify Plus plan feature. (AOV.ai Free Gift)
Why is checkout a special case?
Shopify states that checkout UI extensions for the information, shipping and payment steps are available only to Shopify Plus stores. (Checkout UI extensions — Shopify Dev Docs) Even on Plus, a reminder in checkout asks shoppers to go back and shop, which many will not do. Its main value is confirming an unlocked reward rather than prompting more spending.
Which placement should you start with?
- Drawer-first stores: if your theme opens a drawer on add-to-cart, put the bar at the top of the drawer.
- Cart-page stores: put it above the line items with suggestions below.
- Large catalogs: add a slim sitewide bar showing the current goal, so shoppers can keep browsing.
- Single-product stores: a product-page message may matter more than the cart.
How do you avoid clutter?
Show one bar per view. If you use both a sitewide bar and a drawer bar, make sure they show the same numbers. Avoid stacking a progress bar, a shipping banner and a countdown in the same space; combine them into one message.
What should you test?
Check every placement on a phone and a desktop: add an item from a collection page, a product page and inside the drawer, and confirm each bar updates without a reload. Then confirm the top-tier state in each placement.
Limits of this guide
Placement options were checked from app documentation on November 9, 2026. Theme layouts vary; a placement an app supports may still need theme adjustment. No placement was tested for conversion effect.
Frequently asked questions
- Can a progress bar appear inside Shopify checkout?
- Checkout UI extensions for the information, shipping and payment steps are available only on Shopify Plus, so in-checkout progress bars are mainly a Plus option. Monk Commerce documents its progress-bar pop-up on home, product and cart pages but not checkout, and AOV.ai lists a checkout progress bar on its Plus plan.
Sources
- How to set up a free gift pop up offer using the progress bar? — Monk Help Center (checked Nov 9, 2026)
- Donum auto gift — Donum Studio (checked Nov 9, 2026)
- AOV.ai Free Gift (checked Nov 9, 2026)
- Checkout UI extensions — Shopify Dev Docs (checked Nov 9, 2026)
- Kite Discount, Free Gift, BOGO — Shopify App Store (checked Nov 9, 2026)
Found an error? See the corrections policy.
More research on progress bars & messages
- How do cart reward thresholds work across currencies?
Shopify converts fixed amounts from the store currency at checkout exchange rates, so a converted threshold can drift and look odd; per-market thresholds, documented by Monk Commerce, Appal and others, keep amounts clean and stable.
- How should progress bar messages be worded?
Progress bar messages work best when they lead with the remaining amount, name the specific reward, use the shopper’s currency, mention exclusions plainly and confirm unlocked rewards; keep each message to one short line.
- What should a cart progress bar show at each stage?
A cart progress bar should always show the next reward and the exact remaining amount, confirm each unlocked reward by name, and switch to a clear “all rewards unlocked” state at the top tier, using the same calculation as the reward rule.