Say the one thing that gets shoppers to check out.
Urgency Bar sits in your theme's header and shows a short message with a link, how close the cart is to free shipping, or a countdown to a sale end or a shipping cutoff. What it says is true for every visitor.
Billed through your Shopify subscription, apart from your App suite plan. How mini app billing works.
How it works
- Pick a kind and write the message.
- Choose where and when it shows.
- Add it to your theme's header and publish.
An Online Store 2.0 theme with a header group. Works on every Shopify plan.
What shoppers see
- An announcement with a link to the page you want them on.
- A free shipping bar that moves as the cart changes.
- A countdown to a fixed date or to the daily cutoff you honor.
- A close button that remembers the choice for the visit or for some days.
What you control
- The kind of bar and its words.
- The pages, devices and countries where it shows, and a schedule.
- How long a closed bar stays closed.
- Up to 3 bars live at once, each with its own rules.
Light on your storefront
It is a section in your theme's header group, so it is part of the header layout from the first paint instead of pushing the page down afterward. Every file has a size budget that our build checks before each release, and a page without the app on it does not load these files.
| File | What it does | Budget |
|---|---|---|
| ml-bar.js | The bar, its countdown and cart refresh | 2,480 B |
| ml-bar.css | Its styles | 615 B |
| ml-core.js | Shared helpers (announcements, reduced motion) | 910 B |
| ml-core.css | Shared design tokens | 400 B |
At most 4.4 KB in total.
Built for every shopper
- Free shipping progress is exposed as a progress bar with its current value.
- The close button is a real button, reachable from the keyboard.
- For shoppers who ask for reduced motion, the countdown updates once a minute instead of every second.
Questions about Urgency Bar
- Can I run a timer that restarts for every visitor?
- No. Countdowns end at a fixed date or at a daily cutoff, so what shoppers read is true.
- How many bars can be live?
- Up to 3 at the same time. Each has its own rules for pages, devices, countries and dates.
- What does my theme need?
- An Online Store 2.0 theme with a header group. You add the Urgency Bar section to it once in the theme editor.
- How is it billed?
- Each mini app is billed on its own, through your Shopify subscription, and apart from your App suite plan. Nothing is charged outside Shopify.
Works well with
Bundle Builder
Build-your-own-bundle pages and sections.
Sales Pop
A small card that shows a real recent purchase.