How to Add an Email Countdown Timer in Iterable Using Countdown Builder

A countdown timer can be useful in an Iterable campaign that has a real deadline, such as a limited-time offer or a product launch.

Iterable's email builder supports custom HTML blocks, so you can embed a timer generated by an external timer service. This tutorial shows how to create a timer in Countdown Builder, embed it in an Iterable email campaign, and test it before launch. Countdown Builder is the timer service this blog is published by. If your stack is Salesforce Marketing Cloud rather than Iterable, the SFMC timer guide covers the same embed for Content Builder blocks and Journey Builder sends.

When a Countdown Timer Helps in Iterable

Iterable campaigns are often automated, which suits two timer types:

• Fixed-date timers show a countdown to a shared deadline — a sale, an event, or a launch date.
• Evergreen timers start individually for each subscriber, based on their open time, so automated sequences can give each recipient their own offer window.

Both are generated as animated GIFs hosted by the timer service, which Iterable displays like any other external image.

Step-by-Step Guide to Adding a Countdown Timer in Iterable

From timer to launched Iterable campaign:

flowchart LR
    A["Create the timer in Countdown Builder"] --> B["Open your Iterable email campaign"]
    B --> C["Drag an HTML block into the template"]
    C --> D["Paste the code in Content Properties"]
    D --> E["Test, track, and launch"]

Step 1: Create Your Countdown Timer in Countdown Builder

1. Visit Countdown Builder: Go to https://app.countdownbuilder.com and sign up for a free account if you haven't already.
2. Start a New Timer: Once logged in, navigate to the dashboard and click on the "Create" button to start designing your countdown timer.
3. Choose a Design:
   • Select from 65+ templates, or build from scratch.
   • Customize your timer with foreground and background colors, choose from an extensive font collection, or add a pulsing separator animation.
   • Use advanced label styling to adjust the appearance of timer labels (Days, Hours, Minutes, Seconds) for readability and brand consistency.
4. Set Expiry Details:
   • Input the exact date, time, and timezone for your timer's expiry to keep the countdown accurate for your audience.
   • Enable evergreen timer functionality to reset the timer based on each subscriber's email open time.
5. Configure Custom Expiry Settings:
   • Choose what displays when the timer expires:
     • Zero (Default): Show a text message (e.g., "Offer Ended!") as the final GIF frame.
     • Custom Text: Display a tailored text message for post-expiry.
     • Custom Image: Upload an image (e.g., a "Sold Out" graphic).
   • This keeps the email coherent for recipients who open it after the deadline.
6. Preview and Finalize:
   • Preview your timer to ensure it aligns with your campaign's branding.
   • Once satisfied, click the Update button to save your changes.
7. Copy the HTML Code:
   • Click the Copy HTML button to copy the generated embed code for your countdown timer.

Step 2: Embed the Countdown Timer in Your Iterable Email Campaign

1. Log in to Iterable: Access your account at Iterable.
2. Create or Edit an Email Campaign:
   • Navigate to the Iterable email builder and either create a new email campaign or edit an existing one.
3. Add an HTML Block:
   • In the email builder, drag and drop an HTML block into your email template where you want the countdown timer to appear.
4. Paste the Countdown Timer Code:
   • Open the Content Properties section of the HTML block.
   • Paste the HTML code you copied from Countdown Builder into this section.
5. Save and Preview:
   • Save your changes and preview the email to ensure the countdown timer displays correctly and matches your campaign's design.

Step 3: Test, Track, and Launch Your Campaign

• Test the timer: Send a test email to verify that the countdown timer appears correctly across different email clients.
• Track performance: Use Iterable's campaign analytics to compare results with and without the timer before rolling it out more widely.
• Launch: Once you've verified rendering and timing, launch the email campaign.

Tips for Using Countdown Timers in Iterable

• Brand alignment: Match the timer's colors, fonts, and labels to your brand for a cohesive look.
• Evergreen timers: Use per-subscriber resets for automated sequences where each recipient has their own offer window.
• Optimize for mobile: Preview the timer in Iterable to confirm it sizes well on mobile devices.
• Custom expiry states: Decide what late openers see — zeros, a message, or an image.
• A/B test: Try different timer designs or placements, one variable at a time.
• Localized labels: Customize timer labels (e.g., "Tage", "Stunden" for German).
• Image blocking: Some recipients block images by default, so state the deadline in the email copy as well.

Costs for Iterable Campaigns

Iterable bills by message and profile; an embedded timer doesn't add to that meter. Countdown Builder is a flat rate per account — no watermark on the free plan, unlimited timers and views on paid plans (billing details), and a custom domain with SSL on Business.

For more help, see Countdown Builder's pricing and FAQs or contact support.

If you'd like to try it, you can create a free email countdown timer. The free plan doesn't require a credit card and doesn't add a watermark to the timer.

Last updated: September 2026. These steps reflect Iterable's campaign editor and Countdown Builder as of this date. Email platform interfaces change over time, so the labels you see may differ slightly.