Skip to main content

Progress bar setup

Configure single-tier or multi-tier progress bars and their visual style.

A
Written by Aditya Singh

Single tier vs multi-tier

  • Single tier — One bar, one goal. Best for new stores or simple "Free shipping at $50" promos.

  • Multi-tier — Up to ~5 tiers stacked. The bar fills tier-by-tier so customers see the next reward unlocking as they shop.

Goal label

Example: "Spend $50 to unlock free shipping". Keep under 60 characters — longer labels wrap awkwardly on mobile.

Display style

  • Filled bar — Classic progress bar.

  • Segmented bar — Shows discrete tier markers.

  • Dotted milestones — Minimal, modern feel.

Confetti / celebration

A burst of confetti fires when a tier unlocks. Configure on / off, or per-tier. Subtle on desktop, can feel slightly excessive on mobile — preview both before publishing.

Did this answer your question?