A countdown timer is one of the few pieces of an email that makes urgency real. A sale that ends “soon” is easy to ignore; a clock ticking down to the hour is not. But building one that actually works in the inbox trips up most people, because the obvious approach (the same JavaScript countdown you would drop on a landing page) does nothing in email.
This free countdown timer generator builds one the right way. Set the target, style it to match your email, and preview it live above. When you are ready, activate the design on a free account and copy an embed code that renders an accurate countdown at the moment each recipient opens the message.
How the countdown timer generator works
- Set the target. Choose the date and time your countdown ends, and the timezone it should be read in. It defaults to your own timezone, and every recipient counts down to that same moment.
- Style it. Pick a ring or digit-card style, a font, the unit labels, and the background, digit, and accent colors so the timer matches your template rather than fighting it.
- Preview live. The timer ticks in your browser as you edit. Nothing is created or stored while you build.
- Activate and embed. Create a free account to turn the design into a hosted timer, set where it links, then paste the embed code into your email platform. There are step-by-step guides for Klaviyo, Mailchimp, HubSpot and more.
Why email countdowns have to be images
Email clients strip <script> tags. It is a security decision, and it is universal: Gmail, Outlook, Apple Mail, and Yahoo all refuse to run JavaScript inside a message. So the countdown you see working on a web page renders as nothing in an inbox.
The technique that does work is a server-rendered image. Each time the email is opened, the server draws the current remaining time onto an image and returns it. Because the calculation happens at open time, the countdown is correct whether the recipient opens the email the minute it lands or three days later.
This is also why a pre-made GIF fails. A GIF is a fixed sequence of frames decided when the file is created. Bake a “10 hours left” countdown into a GIF on Monday and it still says the same thing on Thursday, or it has looped back to the start, showing a countdown that never ends. The frames cannot know when the email is opened. Only open-time rendering can, and that is what Alterable does behind the embed code you get once you activate your design.
Email client compatibility
The timer is a plain <img>, so it shows up anywhere images do. What changes from one client to the next is when the image is fetched, and so how fresh the time on it is. Alterable sends each timer as a still image with no-cache headers, which tells every proxy that respects them to fetch a new one on each open.
| Email client | Timer behavior | Notes |
|---|---|---|
| Gmail (web, iOS, Android) | Fresh image on each open | Images go through Google’s image proxy, which honors no-cache headers |
| Apple Mail (Mac, iPhone, iPad) | Fresh image on open | With Mail Privacy Protection on, Apple can fetch images when the email arrives, so the timer may show the time left at delivery |
| Outlook.com and Outlook on the web | Fresh image on each open | Images load by default |
| New Outlook for Windows | Fresh image on each open | Images load by default |
| Classic Outlook for Windows (2016–2024, Microsoft 365) | Blank until images are downloaded | External images are blocked by default; the reader clicks “Download pictures” or adds you to Safe Senders. Because the timer is a still image, there is no first-frame problem |
| Outlook for Mac | Fresh image on each open | Works like Apple Mail |
| Yahoo Mail and AOL | Fresh image on open | Images go through Yahoo’s proxy, which can serve a cached copy on a quick reopen |
| Samsung Email and other Android apps | Fresh image on each open | Some apps ask before loading remote images |
| Images turned off | Alt text | Write alt text that carries the deadline, such as “Sale ends Sunday at midnight” |
Animated GIF timers from other tools add one more wrinkle: classic Outlook 2007–2019 on Windows shows only their first frame. The countdown timer compatibility guide covers that client by client, and the Outlook GIF Checker shows you the frame those readers get.
Where countdown timers earn their keep
- Sale and promotion deadlines. The classic use: a clock counting down to the end of a discount, sitting directly above the call to action.
- Cart abandonment. “Your cart is held for 2 hours” reads very differently with a live timer under it. That clock starts at each reader’s first open, so it is an evergreen timer: a Pro feature you set up in the app, not in this generator, which counts to one fixed moment.
- Event and webinar registration. Counting down to a start time turns a date buried in the copy into something the reader feels.
- Product launches and drops. Building anticipation to a release moment, the same clock in every teaser email.
- Shipping and order cut-offs. “Order in the next 3 hours for delivery by Friday,” accurate to the second for every reader.
The pattern underneath all of these is the same: a real deadline, made visible. When the countdown is genuine, it is one of the most reliable ways to lift click-through on a time-sensitive email.
Beyond the timer
A countdown is the most familiar piece of dynamic email content, but it is not the only one. The same open-time rendering that keeps a timer accurate can personalize an image to the individual reader, show products picked by rules like their city, device or the time of day, or drop a local store map into a message. Alterable is the layer that does all of it, and the countdown timer is the easiest place to start.
The generator makes a fixed-deadline timer. In your account you can also make timers that read each reader’s deadline from a merge tag, and, from the Pro plan, evergreen timers that start at each reader’s first open.
Build your timer above, and when the design is right, activate it on a free Alterable account to get the embed code.