How to Add a Countdown Timer to a Manago AI Email

Manago (formerly SALESmanago) builds emails in the Email Design Studio, a drag-and-drop editor assembled from widgets. The one that matters for a countdown timer is HTML Content — a Basic widget that accepts any markup you paste, including the embed code from an image-based timer service. That's the door this tutorial walks through with Countdown Builder, the timer service this blog is published by: build the timer, paste it into the email, give each recipient their own deadline if you want, and test before it goes to your list.

How Email Countdown Timers Work

Email clients strip JavaScript, so nothing runs live inside the inbox. Timer services work around 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.

Two consequences follow. First, the deadline you configure must be the real one — the image is generated from it. Second, the image has to load from a URL on every open. Manago's Image widget pulls from your gallery or a local upload, so it can't keep a timer live; that constraint is what pushes the timer into the HTML Content widget, and Step 3 explains the trap in full.

What You Need

A Manago account, and an email you're building in the Email Design Studio
A Countdown Builder account (the free tier works) with a timer set to your campaign's real end date
The timer's HTML embed code, copied from the timer's page

The Flow at a Glance

Four steps, start to send:

Four steps to add a countdown timer to a Manago AI email: create the timer in Countdown Builder, copy the embed, drag the HTML Content widget into the email in Manago and paste the code, then preview and send a test

Build the timer outside Manago, then point your email at its URL — the same link works in every email and on every page tied to that deadline.

Step 1: Create the Timer in Countdown Builder

Go to app.countdownbuilder.com and create a timer, or sign up free if you don't have an account yet.
Set the end date, time, and time zone. A sale that ends Friday at midnight should have a timer that ends Friday at midnight. If the offer doesn't actually end, don't add the timer — Manago's own documentation warns that EU regulators scrutinize fake discounts, and a deadline you invented is a liability, not a tactic.
Design the timer. Start from one of the 45+ templates and adjust colors, fonts, and labels until it matches your brand.
Set expiry behavior. Decide what recipients see after the deadline — zeros, a custom message like "Offer ended," or a custom image. The options are on the expiry settings page.
Copy the HTML embed code from the timer's page. You'll paste it in Step 3.

Step 2: Open the Email in the Email Design Studio

In Manago, open an existing email or create a new one. New emails open in the Email Design Studio, where content is assembled by dragging widgets from the left-hand menu into the email body.
Build the email as usual: header, hero, offer copy, button. Leave a slot between the hero and the CTA — that's where the timer belongs.

In the widget menu, open the Basic category and drag the HTML Content widget into the slot you left.
In the widget settings, click the placeholder code in the Content section — an HTML editor opens.
Paste the embed code from Countdown Builder. The snippet arrives ready to use — it carries the image, its alt text, and the click link if you set one.
Save, and the timer renders on the email canvas.

The gallery trap: the tempting shortcut is downloading the timer GIF and adding it through the Image widget, since that widget only accepts gallery uploads or files dragged from your machine. Don't. A gallery copy is a frozen snapshot — it shows the time remaining at the moment you downloaded it, on every open, forever. The HTML Content widget keeps the timer at its URL, so it regenerates each time the email is opened. A subscriber who reads it two days later still sees the correct countdown.

Step 4: Preview and Test

Use the email preview to check desktop and mobile widths — the timer should span the content column without overflowing.
Send a test to inboxes you control: Gmail, Outlook, and Apple Mail cover the clients most of your list uses. Manago's documentation calls Outlook "particularly troublesome" for custom HTML, so look at the Outlook copy first. For a Countdown Builder timer in Apple Mail, Mail Privacy Protection caches remote images; the timer serves a static fallback when the animated GIF can't refresh, so check how that fallback reads.
Confirm the countdown shows the correct time remaining, and look at what appears once the deadline passes — zeros or your expiry message.
Finish the email, pick your recipients, and send or schedule.

One Deadline per Recipient: Dynamic Timers

Everything above gives every recipient the same deadline. Manago can give each contact their own.

Countdown Builder's dynamic timers take the deadline from the timer's URL: a contact's date — stored as a dictionary detail in Manago — merges into the URL as an endsAt timestamp at send time, and the timer carries its own fallback date for contacts whose record is empty. Each recipient's timer then counts down to that person's exact moment: a trial end, a cart-hold expiry, a renewal date.

Sending such emails from a workflow that checks the contact's date first keeps every timer pointing at something real. The setup is on the dynamic timer page, and the broader pattern — deadlines computed per contact, fed to the timer — is covered in Email Personalization Beyond First Name.

Where to Place the Timer in the Email

Three placements for a countdown timer in a Manago AI email compared — above the hero (too early), between the hero and the CTA button (just right), and after the CTA (too late)

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. A timer at the very top, with no context, counts down to nothing the reader understands yet.
State the deadline in text as well. Some recipients block images by default, and some clients swap the animated timer for a static fallback. A line like "Offer ends Friday, Nov 27 at 11:59 PM" survives everywhere, and the 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 Manago have a built-in countdown timer?

The Email Design Studio's Conversion category does include a Countdown widget. This guide covers running your own timer instead, because it comes with advantages the built-in option doesn't: one design you control from 45+ templates, one timer URL that works in email and on your website, and expiry behavior you configure — zeros, a custom message, or a custom image after the deadline. The free tier has no watermark.

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 — no email client allows that — but it is accurate on every open, which is what matters.

Can I upload the timer GIF to my Manago image gallery instead of pasting HTML?

You can, but don't. A gallery copy is a static file — it shows the time remaining at the moment you downloaded it, forever. The HTML Content widget keeps the image at its live URL, so it regenerates on every open.

Do timers work in Manago workflows and automation emails?

Yes. Emails built in the Email Design Studio are reusable assets — the same email, timer included, can go out through a regular campaign or inside a workflow. For dynamic per-contact deadlines, send from a workflow that checks the contact's date first.

Final Thoughts

Adding a countdown timer to a Manago email comes down to one widget: HTML Content. Build the timer against the campaign's real deadline, paste the embed — never re-upload the GIF into the gallery — place it between the hero and the button, state the deadline in text, and test before sending. The timer handles the rest, accurately, on every open.

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

Last updated: October 2026. The Manago steps above reflect the Email Design Studio as of this date; Manago updates its interface 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.