How to Add a Countdown Timer to Shopify Email

Shopify Email is the email tool built into the Shopify admin, and its campaign editor supports a Custom Liquid section — a block that accepts raw HTML. That single feature means a countdown timer generated as an image-based embed can be pasted straight into a flash sale, product drop, or order-cutoff campaign.

This tutorial walks through the process with Countdown Builder, the timer service this blog is published by: build the timer, copy the HTML, add a Custom Liquid section in Shopify Email, and test the result.

How Email Countdown Timers Work

Email clients strip JavaScript, so a timer can't run live code inside the inbox. Timer services solve this by rendering the countdown as an animated image. When a recipient opens the email, the image loads with the correct time remaining at that moment — no script required.

That is also why the timer's end date and time zone matter so much: the image is generated from the deadline you configured, so the countdown is only as accurate as the settings behind it.

What You Need

• A Shopify store — email campaigns live under Marketing in the Shopify admin
• A Countdown Builder account (the free tier works) and a timer set to your campaign's real end date
• A desktop browser — Shopify only allows Custom Liquid sections to be created on a desktop device

The Flow at a Glance

Four steps, start to send:

Build the timer outside Shopify, then paste its embed code into the campaign — the same snippet works in every email you send for that deadline.

Step 1: Create the Timer in Countdown Builder

1. Go to app.countdownbuilder.com and create a timer, or sign up free if you don't have an account yet.
2. Set the end date, time, and time zone. This is the deadline your whole campaign hangs on — a flash sale that ends Friday at midnight should have a timer that ends Friday at midnight.
3. Design the timer. Start from one of the 45+ templates and adjust colors, fonts, and labels until the timer matches your store's branding.
4. Set expiry behavior. Decide what recipients see after the deadline passes — zeros, a custom message like "Offer ended," or a custom image. The options are described on the expiry settings page.
5. Copy the HTML for the timer. This is the snippet Shopify Email will display.

Step 2: Start a Shopify Email Campaign

1. In your Shopify admin, go to Marketing > Campaigns and click Create campaign > Email.
2. Choose a template or start from a blank layout.

The drag-and-drop editor opens with the sections that make up your email — header, image, text, button, and the one this tutorial is about: Custom Liquid.

Step 3: Add a Custom Liquid Section and Paste the Code

1. In the editor, click Add section where the timer should appear — usually below the header or hero image.
2. Select Custom Liquid.
3. Paste the HTML you copied from Countdown Builder into the code field. The snippet is generated ready to use — no editing needed. If you want the timer clickable, set the destination link in the timer's settings in Countdown Builder; clicks on the timer image then go straight to your sale page.
4. Click Save. The timer renders in the preview immediately.

Step 4: Preview and Send a Test

1. Click Preview and check the email at desktop and mobile widths — the timer should span the content column without overflowing.
2. Send a test to inboxes you control: Gmail, Outlook, and Apple Mail cover the clients most of your list uses. Give Apple Mail a specific look — its Mail Privacy Protection caches remote images, and Countdown Builder serves a static fallback when the animated timer can't refresh, so check how that fallback reads.
3. Confirm the timer shows the correct time remaining, and check what the expiry setting will display once the deadline passes.
4. Schedule or send the campaign.

Countdown Builder's timers are animated images that regenerate each time the email is opened, so a subscriber who opens the email two days later still sees an accurate countdown — until the deadline, when your expiry setting takes over.

Where to Place the Timer in the Email

The timer sits between the announcement and the button — after the reader knows what the offer is, before they decide.

• Between hero and CTA. The hero explains the offer, the timer shows how long it lasts, the button closes the loop. This order converts better than a timer at the very top with no context.
• State the deadline in text as well. Some recipients block images by default. A line like "Offer ends Friday, Nov 27 at 11:59 PM" survives without them, and descriptive alt text covers the timer itself.
• One timer per email. Two clocks counting to two different deadlines in one email communicate nothing except confusion.

FAQ

Does Shopify Email support custom HTML?

Yes — the Custom Liquid section in the campaign editor accepts raw HTML, which is exactly where the countdown timer's embed code goes.

Will the countdown update live?

The timer is an animated image that regenerates each time the email is opened, so every open shows the correct time remaining. It is not a running clock inside the inbox — email clients don't allow that — but it is accurate on every open, which is what matters.

Can I reuse the timer across campaigns?

Yes. Embed the same snippet in every campaign tied to that deadline, and each email shows the correct remaining time. To move the deadline, update the timer in Countdown Builder once — every email carrying the snippet follows. Saving the email as a template in Shopify also preserves the section for future sends.

Do timers work in Shopify's automated emails?

Yes — Shopify's marketing automations, like abandoned checkout, also support custom Liquid, and those emails expose extra variables such as {{ abandoned_checkout.url }}. A timer counting the held cart's expiry works the same way it does in a campaign, provided the deadline is real.

Final Thoughts

Adding a countdown timer to Shopify Email comes down to one section: Custom Liquid. Build the timer against the campaign's real deadline, paste the snippet between the hero and the button, state the deadline in text, and test before sending. The timer does the rest — accurately, on every open, until the offer actually ends.

If you want to try it, you can create a free timer — the free plan needs no credit card and adds no watermark.

Related Guides

• How to Increase Email Urgency with Countdown Timers and End-Time Messages
• Product Promotion Email Template with Countdown Timer
• How to Boost Flash Sale Conversions with an Email Countdown Timer
• Countdown Timers for Holiday Campaigns: A Practical Guide
• The Psychology of Scarcity: Why Countdown Timers Actually Increase Sales

Last updated: October 2026. The Shopify Email steps above reflect the campaign editor as of this date; Shopify's interface changes over time, so the exact labels may differ. Countdown Builder features and pricing reflect the product at the time of publication and can change — see the pricing page for current plans.