Add a countdown to an email newsletter

Embed the generated HTML, choose PNG or GIF, and test real inbox behavior.

3 min read

Screenshots show the real application in an isolated demo environment with fictional example data. Setup notices and controls may differ by environment, plan and role. Click an image to view it full-size, and always use the values generated in your own workspace.

Use an image, not JavaScript

Most email clients do not execute countdown scripts. CountdownFlow supplies a server-rendered image for email instead. PNG is a single rendered frame; GIF contains a bounded sequence of animated frames. The email provider still sends the message.

The generated HTML includes the image URL, display settings and, when configured, a link. Copy that HTML from the campaign’s publishing screen rather than downloading an image and uploading it as a fixed newsletter asset. A downloaded copy cannot request updated artwork from the countdown server.

Insert the generated code

1Save the campaign design and open its publishing setup. Choose the email delivery option and the desired PNG/GIF format.
2For personalized or evergreen delivery, select your provider and check its recipient field requirements before copying the code.
3In your email builder, add a Custom HTML, Code or equivalent block. Paste the generated HTML as code, not as ordinary text in a rich-text paragraph.
4Keep the generated image and link URLs intact. Use a display width that fits your email content column, and avoid stretching the image to a different aspect ratio.
5Publish the campaign, then send a real test through the email platform. Check desktop and mobile, a click destination and the expired state.

Email publishing screen with countdown preview and embedding controls — In the application Select the supported format and provider recipe, then copy your own generated HTML into the email builder’s code block. View full-size screenshot (opens in a new tab)

Email provider recipe and generated HTML copy controls — In the application Use the provider recipe for your own recipient fields, then copy the generated HTML. Paste the code into an HTML block, not as ordinary newsletter text. View full-size screenshot (opens in a new tab)

PNG versus animated GIF

PNG gives a straightforward snapshot at image-request time. GIF can animate the countdown for the configured clip length, up to the supported maximum. After the clip, the email does not maintain a permanent connection to the timer server.

Some mail applications show only the first GIF frame or suppress animation. Make the first frame meaningful and keep the offer terms readable outside the animation too. A GIF is not a guarantee of a continuously accurate display for an email left open for hours.

Image caching and privacy proxies

Gmail, privacy protection services and other mail systems may proxy, preload or cache remote images. Reopening an email can show the same cached image, and a background image request can be recorded without a human reading it.

Use a website or hosted countdown page when you need an ongoing live display. Send tests to the clients your audience actually uses. Blocking remote images, sender reputation or a provider rewriting the HTML can also prevent display.

Note. Do not advertise exact second-by-second inbox accuracy or verified human opens. Email clients control when they request and refresh remote images.

After sending

Do not delete the campaign or replace its public URLs while customers may still open the message. Live campaign edits can change future uncached responses but cannot force every mailbox to discard a cached image.