A new Progress Bar content component lets you motivate shoppers with a visual bar that fills as they get closer to a goal — like a spend threshold, an item count, or a checkout step.
What it does. Add a progress bar to checkout that tracks one or more goals tied to:
- Cart subtotal — for example, "You're $15 away from free shipping".
- Item quantity — progress toward a "Buy 3, get 1 free" style offer.
- Quantity of tagged items — count only products carrying a specific tag toward the goal.
- Checkout steps — visualise where the shopper is in a three-step checkout.
Multiple steps and a complete state. A single bar can have several milestones (for example, free shipping first, then a free gift). You write a custom title and subtitle to show while the shopper is still working toward the goal, and a separate complete-state message that takes over once every step is reached.
Formatting and translations. Titles and subtitles support markdown and can be translated per language, so the bar reads naturally in every market.
Plan availability. Available on the Starter plan and above. Create a new component and choose "Progress Bar" from the content section of the catalogue to get started.