Customer.io Countdown Timer Generator for Email

A countdown image for Customer.io that takes its deadline from a Liquid expression, so a person attribute or event timestamp sets the clock for every message in a campaign.
Customer.io Countdown Timer Generator for Email

Why Add a Countdown to Your Customer.io Messages

Deadlines Are Already in the Data

Trial ends, renewal dates, and event timestamps sit on the person or in the event payload. Liquid puts any of them into the timer URL.

Campaign Timing Varies per Person

Customer.io campaigns trigger from behavior, so each message lands at its own time. A timer rendered at open stays correct for all of them.

Your Design, Every Stage

Build the banner with your brand fonts and artwork, and design the last-hours and after-deadline stages separately.

Opens by Campaign and Client

Add the campaign name to the timer URL and see opens split by campaign, email client, and country.

What a DynaPictures Timer Adds to Customer.io

One URL for the Whole Campaign

One URL for the Whole Campaign

Design the first touch, the urgent reminder, and the after-deadline message as stages of a single timer. DynaPictures serves the stage that matches the offset to the deadline, so the image URL in your Customer.io layout keeps showing the right creative from the first message to the last.

Rendered When the Message Is Opened

Rendered When the Message Is Opened

Each open fetches a fresh image with the current time left, cached for a minute and animated for 60 seconds. A person who opens the second message a day late still sees the real countdown.

Liquid Sets the Deadline

Liquid Sets the Deadline

Append a Liquid expression to the timer URL as the expire parameter, for example ?expire={{ customer.trial_ends_at | date: '%d-%m-%Y--%H-%M' }}, or pass an ISO 8601 value. Event payload fields work the same way in triggered campaigns, and the same URL can be reused in broadcasts and transactional messages.

Everything in Every DynaPictures Timer

A Plain img Tag, Any Email Client

The timer is a GIF loaded through a standard img tag, so it shows wherever images do: Gmail, Apple Mail, Outlook, and Customer.io's own preview. Outlook for Windows displays the first frame as a still image.

Rendered When the Email Is Opened

Each open fetches a fresh image with the time left at that moment, then animates for 60 seconds. A subscriber who opens on day three sees day three, not the countdown from send time.

One Timer, a Deadline per Subscriber

Append a Customer.io date merge tag to the expire parameter and every recipient counts down to their own date. Format it as DD-MM-YYYY--HH-MM in the timer's timezone, or as an ISO 8601 timestamp with an offset.

Stages That Switch on Their Own

Design separate banners for the teaser, the final hours, and the time after the deadline. DynaPictures picks the right one from the offset to your target date, so the same URL keeps working across the whole campaign.

Opens by Campaign, Client, and Country

Every open is logged with the email client, country, and any custom query parameter you add. A Customer.io campaign name in the URL shows up as its own row in the analytics dashboard.

Gauges and Progress Bars

The remaining time can drive a radial gauge, a simple gauge, or a line progress bar in the same design. Digits are the default, not the only option.

Runtime up to 30 Days, Custom on Pro

Every plan runs a timer up to 30 days ahead of its deadline, which covers most promotions. The Pro plan lifts that limit for long-running campaigns.

No Hard View Caps on Paid Plans

The free plan serves 100 opens in total, enough to test a real send. Paid plans include a monthly view allowance sized to your list and are never throttled or watermarked.

How to Add a Countdown Timer to Customer.io

palette

Design the Timer in the Generator

Open the DynaPictures countdown timer generator, set the target date and timezone, design the stages you need, and publish. You get a stable image URL ending in .gif.

link

Paste the URL Into a Customer.io Image Block

Add an image to your Customer.io email and use the timer URL as its source. To personalize, append ?expire= followed by a Customer.io date merge tag formatted as DD-MM-YYYY--HH-MM.

bar_chart

Tag the Send and Watch the Opens

Add a query parameter such as campaign= with your Customer.io campaign name. Opens then appear per campaign in the DynaPictures analytics dashboard.

Who Uses Customer.io Countdown Timers

Product-led SaaS teams

Counting down to each user's trial end or plan change from a person attribute.

Growth engineers wiring event-triggered campaigns

Passing an event timestamp plus a hold window into the deadline without touching the design.

Lifecycle marketers running win-back flows

Giving a reactivation offer a real expiry per person and measuring opens per campaign.

See a Timer Go From Editor to Inbox

Book a short walkthrough: build a timer in the generator, paste it into Customer.io, and watch it update on open.

Where DynaPictures Differs From Other Email Timer Tools

Live on Every Open

Many timer services pre-render one GIF at send time, so late openers see stale numbers. DynaPictures regenerates the image on each open and caches it for one minute.

Personalized Deadlines Through Customer.io Merge Tags

One published timer serves a different deadline per recipient through the expire parameter. Many tools support a single fixed date per timer.

Multi-Stage Designs

Separate designs for early, urgent, and after-deadline stages, switched automatically by offset. Many tools offer one design and a blank or zeroed timer after the deadline.

Gauges and Progress Bars Driven by the Countdown

Show the time left as a filling gauge or a shrinking bar as well as digits. Many email timer tools render digits only.

A Full Design Editor, Fonts Included

Any Google Font or an uploaded brand font, free layout, images, and an AI background generator in the same editor. Many timer tools offer a fixed layout with a color picker.

Analytics You Can Segment

Opens broken out by campaign parameter, email client, country, and time of day. Many tools report a single view count or nothing at all.

Frequently Asked Questions

Publish the timer in DynaPictures and copy its image URL. In the Customer.io editor add an image block and paste the URL, or place it in an img tag in a code layout. Append the expire parameter with a Liquid expression to personalize.