Email guide

How to add a countdown timer to Mailjet

Mailjet’s templating language substitutes contact properties anywhere in the message, URLs included — so a countdown needs no integration, only one image tag. The same approach covers marketing campaigns and transactional sends.

Create your free countdown Jump to steps

Design your countdown in tikio

Create a timer in the tikio editor: pick colors, fonts, labels and the languages you need. What you see in the editor is exactly what lands in the inbox — the timer is delivered as a regular animated image.
2
Get the code

Click Get code, choose “In an email”, pick how the countdown works — until a date, a personal timer per subscriber, or repeating on a schedule — and copy the code. The link stores the timer, so you can change the deadline any time, even after sending: emails already sent pick it up within minutes.
URL
```
https://t.tikio.io/e/a1b2.gif
```
3
Insert the timer into your Mailjet email

In the Mailjet editor, add an HTML section and paste the snippet below. Mailjet resolves [[data:…]] contact properties inside the URL for each recipient at send time.
HTML
```
<img src="https://t.tikio.io/e/a1b2.gif" alt="Offer ends soon" width="480" style="border:0;max-width:100%;height:auto;" />
```

Per-recipient evergreen deadlines

Point the recipient key at whichever contact property holds a stable identifier — an internal user ID is ideal. Mailjet lets you supply a default value, so the key never renders empty.

HTML

<img src="https://t.tikio.io/e/a1b2.gif?uid=[[data:subscriber_id]]" alt="Offer ends soon" width="480" style="border:0;max-width:100%;height:auto;" />

FAQ

Questions, answered

Does this work in transactional emails?

Yes. The timer is a plain image URL, so it renders the same whether the send is a campaign or a transactional message triggered by your app.

What if the contact property is missing?

Give it a default value in the templating tag. With an empty key the countdown falls back to shared behaviour rather than a personal deadline.

Can I send the same countdown to French and English lists?

Yes — bake both locales into the design once and set lang=fr or lang=en in the URL per campaign.

Your first countdown is minutes away

Free during early access — no credit card required. Design once, paste one snippet, and the timer ticks on every open.

Create your free countdown