How to add a countdown timer to an email

To add a countdown timer to an email, create the timer in a countdown tool, copy its image URL, and paste that URL into an image block in your email (or paste the tool's HTML snippet into an HTML block). The timer is an animated GIF drawn at the moment each reader opens the email, so it always shows the real time left.

That's the whole method, and it works in every email platform that displays images: no plugin, no JavaScript, no code beyond copy and paste. The rest of this guide covers the choices that decide whether it works well: image URL or HTML, which timer type, platform-specific notes, testing, and what readers see after the deadline.

How email countdown timers work

Email clients don't run JavaScript, so a ticking clock built for a web page won't run inside an email. A live email timer gets around that by being an image. When a reader opens your email, their email client requests the image from the timer service. The service draws a GIF on the spot: the first frame shows the time left at that second, and the following frames count down from there.

Two things follow from that design, and both matter later:

The timer works anywhere images load: Gmail, Apple Mail, Yahoo, Outlook on the web, Mac and mobile, and the new Outlook for Windows.
Classic Outlook for Windows shows only the first frame of a GIF. The time shown is correct when the email is opened; it just doesn't tick. See what to do about countdown timers in Outlook.

Image URL or HTML snippet: which to use

Most timer tools, flashtimer included, give you both. In flashtimer, the Embed your timer dialog has a copy button for the URL and one for the HTML.

Use the image URL when your email editor has an image block that accepts a link to an image. This is the simplest option and keeps the timer editable like any other image: you can set alignment, padding and a click-through link in your platform's own controls.

Use the HTML snippet when your editor has an HTML, code or custom-code block, or when you want exact control over the markup. flashtimer's snippet wraps the image in a full-width table cell with an align attribute, so it centers correctly even in classic Outlook, which ignores CSS margin: auto.

Either way, two rules apply:

Link the image, don't upload it. If you download the GIF and upload it to your platform's file library, you've uploaded a snapshot that will never change.
Keep the URL exactly as copied. Evergreen and personalized timers carry a merge tag in the URL (for example ?vid={{ person.KlaviyoID }}). Your platform replaces it with each recipient's value at send time. Edit it out and every recipient shares one countdown.

Step by step: add a countdown timer to your email

Step 1: Create the timer

Set the deadline and time zone first, then the look. In flashtimer you can describe the sale in a sentence and let the AI timer generator draft the deadline, style and copy for you to review (Basic and up), or build it in the editor: multiple layouts, your brand colors, label language, and an expiry message.

Double-check the time zone. "Ends at midnight" in the wrong zone is the single most common timer mistake, and it's invisible until a reader in another country writes in.

Step 2: Copy the embed

Open Embed in the timer editor. Click the copy button for the URL if you'll use an image block, or the one for the HTML if you'll use an HTML block. For an evergreen timer that starts on open, choose your platform in the dialog and the copied URL already contains its per-recipient merge tag, where the platform has one.

Step 3: Add it to the email

In your email editor:

Image block: add an image block where the timer should go, choose the option to use an image from a URL (the wording varies: "Image URL", "Insert from URL", "Link"), and paste the timer URL.
HTML block: add an HTML or code block and paste the snippet.

Place it near the top of the email, next to the offer and the button it supports. Add a click-through link on the image to the same page as your main call to action.

Step 4: Write the deadline in text and alt text

Add one line of text near the timer, such as "Sale ends Sunday at 11:59 pm ET". Then set the image's alt text to the same sentence. flashtimer's timer arrives with "Countdown Timer" as its alt text, whether you paste it or insert it in one click, so change it in your email platform. These two lines cover classic Outlook, readers with images off and screen readers.

Step 5: Or skip steps 2 and 3 with a one-click integration

On the Pro plan, flashtimer can insert the timer for you. Connect your platform once under Settings → Integrations by pasting its API key, then open the timer's Send to ESP panel, pick a draft campaign and click Send to followed by your platform's name. The timer lands in the draft, with your platform's per-recipient merge tag on evergreen timers where it has one. You then review and send from your own platform as usual.

Platform-by-platform notes

The image URL method works on every plan, including Free, in every platform below. "One-click" means flashtimer can also insert the timer into a draft campaign for you (Pro and up). The merge tag shown is the one flashtimer adds to evergreen timer URLs on that platform.

Klaviyo countdown timer: Image block or HTML block. One-click. Merge tag {{ person.KlaviyoID }}.
Mailchimp countdown timer: image or HTML block. One-click. Merge tag *|UNIQID|*.
Shopify Email countdown timer: in Shopify Messaging (formerly Shopify Email), paste the HTML snippet into a Custom Liquid section. An image section uploads the GIF to Shopify's Files, which freezes it. With Pro, Shopify discounts can also become timers that stay in sync with the discount's end date.
HubSpot countdown timer: image or HTML. One-click. Merge tag {{ contact.hs_object_id }}.
Omnisend countdown timer: paste the HTML into an HTML block. Merge tag [[contact.email]].
ActiveCampaign countdown timer: image or HTML block. One-click. Merge tag %EMAIL%.
Brevo countdown timer: image or HTML block. One-click. Merge tag {{ contact.EMAIL }}.
MailerLite countdown timer: image or HTML block. One-click needs an API key from a MailerLite Advanced plan. Merge tag {$email}.
Kit (ConvertKit) countdown timer: image or HTML block. One-click. Merge tag {{ subscriber.email_address }}.
Beehiiv countdown timer: image or HTML snippet. One-click. Merge tag {{email}}.
GetResponse countdown timer: image or HTML block. One-click. Merge tag [[email]].
Constant Contact countdown timer: image block, or paste the HTML into a custom code email. Merge tag [[emailAddress]].
Campaign Monitor countdown timer: image or HTML. One-click. Merge tag [email].
SendGrid countdown timer: paste the HTML into a dynamic template. One-click into dynamic templates. Merge tag {{email}}.
Iterable countdown timer: image or HTML. One-click. Merge tag {{email}}.
Drip countdown timer: image or HTML. One-click. Merge tag {{ subscriber.email }}.
Braze countdown timer: copy the snippet from the embed dialog and paste it into your message. Braze has no per-recipient merge tag flashtimer can rely on, so everyone who gets an evergreen timer from Braze shares one countdown.
WooCommerce email countdown timer: with Pro, coupons and sale end dates become timers automatically; add them to whichever email platform you send from.

Using something else? The image URL works anywhere an image does. For platforms with a per-recipient merge tag not listed here, the embed dialog explains what to paste.

Choose the right timer type

The timer type decides whose deadline the clock counts down to. Pick it before you design.

Fixed: one deadline for everyone. Use it for a sale, a launch or a webinar with a set start time.
Evergreen, starts on open: each recipient gets their own countdown from their first open, such as 48 hours. Use it in welcome and abandoned-cart flows. It needs your platform's per-recipient merge tag in the URL, which flashtimer adds for you on the platforms listed above with one. Others, such as Braze, AWeber and Amazon SES, have no tag flashtimer can rely on, and there every reader shares one countdown, started by the first open; the embed dialog warns you when that's the case. See the evergreen countdown timer page (Basic and up).
Evergreen, starts on send: everyone in one send shares a countdown that starts when that send goes out. You create a signed send link right before sending and paste that into the email.
Dynamic ("ends on their date"): each reader counts down to a date their own email carries, such as a trial end or renewal date. See personalized countdown timers (Pro and up).
Recurring: resets on a daily, weekly or monthly rule, such as "order by 2pm for same-day dispatch". It never ends. See recurring countdown timers (Basic and up).
Cycle and count-up: loops every set period, or counts time since a start (Basic and up).

Only an evergreen or dynamic timer should be used when the offer genuinely differs per person. A personal 48-hour clock on a sale that ends for everyone on Friday is both confusing and, in some countries, a legal problem. The email countdown timer best practices guide covers that in detail.

Testing checklist before you send

Send a real test, not just a preview. Open it in Gmail, Apple Mail and, if your audience uses it, classic Outlook for Windows.
Check the time. It should match the deadline from the moment you open it. Close the email, wait a couple of minutes and open it again: the time should have moved on.
Test evergreen timers with a fresh contact. An evergreen timer remembers each recipient's first open, so a contact you've tested with before will show less time, or none.
Check the image address. In the received test, copy the image address and confirm it still points to the timer service, not your platform's file library.
Check mobile. The timer should scale to the screen width without overflowing.
Check images-off. Turn images off and confirm the alt text and the text deadline still tell the reader what ends and when.
Check the link. Tap the timer and confirm it goes to the offer.

If the time looks stale in Apple Mail or doesn't move on reopen, see why a countdown timer GIF isn't updating.

What happens after the deadline

People open emails days later. When the countdown ends, a good timer doesn't sit at zero. flashtimer swaps it for your expiry message ("This offer has ended"), or on paid plans your own fallback image, which can point readers to what's still available. Set this before you send; it's part of the timer, not the email.

Then make sure the offer really ends: switch off the discount code, or update the landing page. A timer that hits zero while the price stays the same undermines every timer you send after it.

FAQ

Can I add a countdown timer to any email platform?

Yes, if the platform shows images. A live countdown is an image URL, so you paste it into an image block, or the HTML snippet into an HTML or code block. That works in every major email platform, on every flashtimer plan including Free. One-click insertion into draft campaigns is an extra on Pro.

Do I need to know HTML to add a countdown timer?

No. The image URL method needs no code: add an image block, choose to use an image from a URL, and paste. The HTML snippet is there for editors that only accept code or for people who want exact control. If you do use it, paste it into an HTML or code block, not a rich text block.

Where should a countdown timer go in an email?

Near the top, next to the offer it supports and the main button, so readers see it without scrolling on a phone. Put the written deadline directly above or below it, and link the timer image to the same page as your call to action. One timer per email is enough; two clocks compete for attention.

Will the countdown timer work in Outlook?

It shows in every Outlook version that loads images. Outlook on the web, Mac, mobile and the new Outlook for Windows animate it. Classic Outlook for Windows shows only the first frame, which is the correct time left at opening but doesn't tick. Always write the deadline in text as well.

How do I make a countdown timer that's different for each subscriber?

Use an evergreen timer, which starts each recipient's countdown at their first open, or a dynamic timer, which counts down to a date stored on each contact. Both need a merge tag in the image URL. For an evergreen timer the embed snippet adds your platform's per-recipient tag, where the platform has one; for a dynamic timer you type your date field in the embed dialog and it adds that field's merge tag on platforms whose syntax it knows, and leaves YOUR_MERGE_TAG for you to replace on the rest.

Is it free to add a countdown timer to an email?

flashtimer's Free plan includes 20,000 views a month and three active fixed timers in every layout, with no card required. Free timers carry a small flashtimer mark. Evergreen, recurring and fallback images start on Basic at $9 a month; one-click integrations start on Pro.

Add your first timer

Create a timer, copy the URL, paste it into an image block, send a test. It takes about five minutes. Start free — no card.