Skip to the live demo
Premium Shopify sections Get the Urgency Bar Free

Shopify section · Online Store 2.0

Urgency Bar.

A deadline your shoppers can trust.

An announcement bar with a countdown that runs on your store's clock, not on the visitor's. Put it in the page, stick it to the top or to the bottom, and let shoppers close it if they want.

  • One .liquid file
  • No apps
  • No monthly fees
  • Shopify Online Store 2.0
  • Tested on Dawn 16 + Horizon 4 + Refresh 16 + Sense 16
  • 29 settings
Live demo

Try it before you buy it

The real section, rendered from the file you buy — not a video, not a screenshot. Change the settings, switch the device, and see it on a light and a dark store at once. Only the images are placeholders: in your store it shows your own.

Device
Height
Text
Button
Accent
Corners
Limited time offer

The discount ends in:

See the offer
light store
dark store · same section, no color configured

Change the settings and watch the same file redraw · the countdown is running against a real date.

Why Urgency Bar

Built to drop in and leave alone.

No app, no subscription, no dependency to keep alive.

01

Your clock, not theirs

The deadline is resolved on the server, in your store's time zone. A date written without a zone is read in each visitor's own time, so a shopper in Madrid and one in Mexico City would see the same offer end at two different moments. Here they see the same instant.

02

It corrects the visitor's clock

Phones run fast or slow more often than you would think. The offset is measured once against the server time, and the countdown runs against the real hour instead of the phone's.

03

One Liquid file

Paste a single file into your theme. No app, no library, no external request, and nothing else to keep in sync.

Features

What it does

29 settings, all in your theme editor. No code to touch after installing.

  • Countdown in days, hours, minutes and seconds, with your own labels
  • In the page flow, stuck to the top, or stuck to the bottom
  • A progress bar that fills as the deadline gets closer
  • An urgent state in the last minutes, set in the panel
  • Show a message when it ends, or hide the bar
  • The visitor can close it, and it stays closed for the days you choose
  • Optional button with its own text and link
  • Your colours, text size, corner radius and maximum width
  • Several bars on the same page without duplicating the script
  • Reads the deadline in your store's time zone
  • Speaks the time left to screen readers once a minute, in your own words
  • Stops counting while the tab is in the background

What you download

Everything below arrives with the purchase.

  • raxe-urgency.liquidThe section itself. The only file you install.
  • installation.mdStep-by-step installation, written for non-developers.
  • settings-reference.mdEvery setting, what it does, its range and default.
  • documentation.mdWhat it does, how it is built, and its limits.
  • compatibility.mdWhere it was tested, how, and its requirements.
  • changelog.mdVersion history.
  • demo/An offline demo you can open in any browser.
Specifications

Technical details

Counted and measured on the file you buy.

Platform
Shopify Online Store 2.0
Delivered as
One .liquid file (17 KB)
Settings
29 (29 on the section, 0 per item)
Items per section
No limit
Apps or libraries
None
External requests
0
Tested themes
Dawn 16.0.0 and Horizon 4.1.1 and Refresh 16.0.0 and Sense 16.0.0
Version
1.0.0
VERIFIED

Tested on Dawn 16.0.0 and Horizon 4.1.1 and Refresh 16.0.0 and Sense 16.0.0

Light and dark stores, at desktop, tablet and mobile widths:

  • The section is there and visible
  • Nothing is cut off at the edge of the screen, and the page has no sideways scroll
  • Every piece of text is at least as readable as the host theme's own body text on the same background, and clears a 4.5:1 contrast ratio (3:1 for large text) wherever the theme itself does
  • Every link has an address and every image has alternative text
  • No JavaScript error and no request to any other server
Installation

Installed in minutes. No coding.

You are not uploading or replacing a theme. Your design, pages and settings stay exactly as they are. A step-by-step guide comes with the file.

  1. Paste one file

    In your theme’s code editor, add a new section named raxe-urgency and paste the file in. Once, about a minute.

  2. Add the section

    Open the theme editor, click Add section and pick RAXE · Urgency Bar, on any page.

  3. Make it yours

    Choose your collections and style in the settings panel, then click Save.

Yours, at no cost

Urgency Bar

Free

No account needed, no strings, no monthly fee.

  • The .liquid file, as offered on the day you get it
  • Installation help, included
  • Commercial use in your own stores, no install limit
  • Guide, settings reference and compatibility notes
Get the Urgency Bar →

Updates. Future versions are not included in the base purchase. If you want them, specialized attention is available separately and is delivered by email: 3 months for 14 USD, or 6 months for 24 USD.