Countdowns and discount codes

A clear deadline and an easy code are two of the simplest ways to turn interest into an order. Ignite has blocks for both, and they work in most sections, without an app.

Updated 3 min read

Both blocks are available in most sections with blocks, including Image banner, Ribbon banner, Image hotspots, Popup, Alert, Quick filter, Flexible columns and the product page.

Countdown timer

A banner with a car and the heading 'Save up to 20% on body components' above a countdown reading 07 hours, 56 minutes, 52 seconds
  1. In the theme editor, open a section and click Add block, then choose Countdown.
  2. Enter the End date as year-month-day, such as 2026-12-24.
  3. Optionally, enter an End time in 24-hour format, such as 18:00. Without one, it counts down to midnight.
  4. Choose what happens When the timer ends.
  5. Click Save.

A daily cut-off

Leave End date empty and set only End time, such as 14:00. The timer counts down to 2pm each day, then starts again for the next day. It’s ideal for “Order in the next 3 hours for same-day dispatch”. With both empty, it counts down to midnight every day.

Countdown settings

SettingWhat it does
When the timer endsShow the timer at zero, hide it, or show your End message, such as “You just missed it!”.
Show units next to countShows a short unit beside each number, such as 7h, instead of a label below it.
Count size, Separator and Font weightThe look of the numbers.
Count background and colorsA rounded or sharp box behind each number, and its colors.

Discount code

The Discount code block shows a code with a copy button, so customers can copy it in one tap and paste it at checkout.

  1. In your Shopify admin, go to Discounts and create the discount code.
  2. In the theme editor, add a Discount code block and type the same code.
  3. Click Save.

A code for signed-in customers only

Turn on Only show to signed in users to reward customers for creating an account. Signed-out visitors see “Sign in for discount” on a peel-back sticker, with only the last few characters of the code showing. Clicking it takes them to log in. Once signed in, they see the full code.

A purple ribbon reading 'Savings worth signing up for. How about 10% off?' with a dark 'Sign in for discount' button whose corner is peeled back

Set the sticker’s colors with Peel background color and Peel text color.

Common questions

How do I add a countdown timer to my Shopify store with Ignite?

Add a Countdown block to a section such as Image banner, Ribbon banner or the product page, and enter the End date as yyyy-mm-dd.

Can the countdown reset every day, for a delivery cut-off?

Yes. Leave End date empty and set End time, such as 14:00. It counts down to that time each day.

Which time zone does the countdown use?

Your store’s time zone, set in your Shopify admin under Settings > General.

Does the discount code block create the discount?

No. Create the code in your Shopify admin under Discounts first, then type the same code into the block.