[{"data":1,"prerenderedAt":505},["ShallowReactive",2],{"page-or-post-\u002Fhow-to-add-email-countdown-timer-in-iterable\u002F":3,"related-blog\u002Fblog\u002Fhow-to-add-email-countdown-timer-in-iterable.md":504},{"type":4,"data":5,"prevPost":496,"nextPost":500},"post",{"id":6,"title":7,"body":8,"categories":466,"coverImage":469,"date":470,"description":471,"extension":472,"head":473,"meta":476,"navigation":477,"ogDescription":478,"ogTitle":474,"path":479,"readTime":480,"seo":481,"slug":482,"stem":483,"summary":484,"tags":485,"updatedAt":494,"__hash__":495},"blog\u002Fblog\u002Fhow-to-add-email-countdown-timer-in-iterable.md","How to Add an Email Countdown Timer in Iterable Using Countdown Builder",{"type":9,"value":10,"toc":456},"minimark",[11,23,42,47,50,67,70,74,77,119,124,273,277,340,344,364,368,411,415,423,435,443,446,452],[12,13,14,15,22],"p",{},"A countdown timer can be useful in an ",[16,17,21],"a",{"href":18,"rel":19},"https:\u002F\u002Fiterable.com\u002F?utm_source=countdownbuilder&utm_medium=blog&utm_campaign=iterable-timer-guide&utm_content=cta",[20],"nofollow","Iterable"," campaign that has a real deadline, such as a limited-time offer or a product launch.",[12,24,25,26,31,32,36,37,41],{},"Iterable's email builder supports ",[16,27,30],{"href":28,"rel":29},"https:\u002F\u002Fsupport.iterable.com\u002Fhc\u002Fen-us\u002Farticles\u002F11555162439956-Drag-and-Drop-Editor",[20],"custom HTML blocks",", so you can embed a timer generated by an external timer service. This tutorial shows how to create a timer in ",[16,33,35],{"href":34},"https:\u002F\u002Fapp.countdownbuilder.com\u002F","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 ",[16,38,40],{"href":39},"https:\u002F\u002Fcountdownbuilder.com\u002Fhow-to-add-countdown-timer-salesforce-marketing-cloud\u002F","SFMC timer guide"," covers the same embed for Content Builder blocks and Journey Builder sends.",[43,44,46],"h2",{"id":45},"when-a-countdown-timer-helps-in-iterable","When a Countdown Timer Helps in Iterable",[12,48,49],{},"Iterable campaigns are often automated, which suits two timer types:",[51,52,53,61],"ul",{},[54,55,56,60],"li",{},[57,58,59],"strong",{},"Fixed-date timers"," show a countdown to a shared deadline — a sale, an event, or a launch date.",[54,62,63,66],{},[57,64,65],{},"Evergreen timers"," start individually for each subscriber, based on their open time, so automated sequences can give each recipient their own offer window.",[12,68,69],{},"Both are generated as animated GIFs hosted by the timer service, which Iterable displays like any other external image.",[43,71,73],{"id":72},"step-by-step-guide-to-adding-a-countdown-timer-in-iterable","Step-by-Step Guide to Adding a Countdown Timer in Iterable",[12,75,76],{},"From timer to launched Iterable campaign:",[78,79,84],"pre",{"className":80,"code":81,"language":82,"meta":83,"style":83},"language-mermaid shiki shiki-themes github-light","flowchart LR\n    A[\"Create the timer in Countdown Builder\"] --> B[\"Open your Iterable email campaign\"]\n    B --> C[\"Drag an HTML block into the template\"]\n    C --> D[\"Paste the code in Content Properties\"]\n    D --> E[\"Test, track, and launch\"]\n","mermaid","",[85,86,87,95,101,107,113],"code",{"__ignoreMap":83},[88,89,92],"span",{"class":90,"line":91},"line",1,[88,93,94],{},"flowchart LR\n",[88,96,98],{"class":90,"line":97},2,[88,99,100],{},"    A[\"Create the timer in Countdown Builder\"] --> B[\"Open your Iterable email campaign\"]\n",[88,102,104],{"class":90,"line":103},3,[88,105,106],{},"    B --> C[\"Drag an HTML block into the template\"]\n",[88,108,110],{"class":90,"line":109},4,[88,111,112],{},"    C --> D[\"Paste the code in Content Properties\"]\n",[88,114,116],{"class":90,"line":115},5,[88,117,118],{},"    D --> E[\"Test, track, and launch\"]\n",[120,121,123],"h3",{"id":122},"step-1-create-your-countdown-timer-in-countdown-builder","Step 1: Create Your Countdown Timer in Countdown Builder",[125,126,127,137,151,188,209,242,259],"ol",{},[54,128,129,132,133,136],{},[57,130,131],{},"Visit Countdown Builder",": Go to ",[16,134,135],{"href":135},"https:\u002F\u002Fapp.countdownbuilder.com"," and sign up for a free account if you haven't already.",[54,138,139,142,143,150],{},[57,140,141],{},"Start a New Timer",": Once logged in, navigate to the dashboard and click on the ",[57,144,145,146,145],{},"\"",[16,147,149],{"href":148},"https:\u002F\u002Fapp.countdownbuilder.com\u002Fcountdowns\u002Fcreate","Create"," button to start designing your countdown timer.",[54,152,153,156,157],{},[57,154,155],{},"Choose a Design",":\n",[51,158,159,166,181],{},[54,160,161,162,165],{},"Select from ",[57,163,164],{},"65+ templates",", or build from scratch.",[54,167,168,169,172,173,176,177,180],{},"Customize your timer with ",[57,170,171],{},"foreground and background colors",", choose from an ",[57,174,175],{},"extensive font collection",", or add a ",[57,178,179],{},"pulsing separator animation",".",[54,182,183,184,187],{},"Use ",[57,185,186],{},"advanced label styling"," to adjust the appearance of timer labels (Days, Hours, Minutes, Seconds) for readability and brand consistency.",[54,189,190,156,193],{},[57,191,192],{},"Set Expiry Details",[51,194,195,202],{},[54,196,197,198,201],{},"Input the exact ",[57,199,200],{},"date, time, and timezone"," for your timer's expiry to keep the countdown accurate for your audience.",[54,203,204,205,208],{},"Enable ",[57,206,207],{},"evergreen timer functionality"," to reset the timer based on each subscriber's email open time.",[54,210,211,156,214],{},[57,212,213],{},"Configure Custom Expiry Settings",[51,215,216,239],{},[54,217,218,219],{},"Choose what displays when the timer expires:\n",[51,220,221,227,233],{},[54,222,223,226],{},[57,224,225],{},"Zero (Default)",": Show a text message (e.g., \"Offer Ended!\") as the final GIF frame.",[54,228,229,232],{},[57,230,231],{},"Custom Text",": Display a tailored text message for post-expiry.",[54,234,235,238],{},[57,236,237],{},"Custom Image",": Upload an image (e.g., a \"Sold Out\" graphic).",[54,240,241],{},"This keeps the email coherent for recipients who open it after the deadline.",[54,243,244,156,247],{},[57,245,246],{},"Preview and Finalize",[51,248,249,252],{},[54,250,251],{},"Preview your timer to ensure it aligns with your campaign's branding.",[54,253,254,255,258],{},"Once satisfied, click the ",[57,256,257],{},"Update"," button to save your changes.",[54,260,261,156,264],{},[57,262,263],{},"Copy the HTML Code",[51,265,266],{},[54,267,268,269,272],{},"Click the ",[57,270,271],{},"Copy HTML"," button to copy the generated embed code for your countdown timer.",[120,274,276],{"id":275},"step-2-embed-the-countdown-timer-in-your-iterable-email-campaign","Step 2: Embed the Countdown Timer in Your Iterable Email Campaign",[125,278,279,289,299,313,330],{},[54,280,281,284,285,180],{},[57,282,283],{},"Log in to Iterable",": Access your account at ",[16,286,21],{"href":287,"rel":288},"https:\u002F\u002Fapp.iterable.com\u002F?utm_source=countdownbuilder&utm_medium=blog&utm_campaign=iterable-timer-guide&utm_content=cta",[20],[54,290,291,156,294],{},[57,292,293],{},"Create or Edit an Email Campaign",[51,295,296],{},[54,297,298],{},"Navigate to the Iterable email builder and either create a new email campaign or edit an existing one.",[54,300,301,156,304],{},[57,302,303],{},"Add an HTML Block",[51,305,306],{},[54,307,308,309,312],{},"In the email builder, drag and drop an ",[57,310,311],{},"HTML block"," into your email template where you want the countdown timer to appear.",[54,314,315,156,318],{},[57,316,317],{},"Paste the Countdown Timer Code",[51,319,320,327],{},[54,321,322,323,326],{},"Open the ",[57,324,325],{},"Content Properties"," section of the HTML block.",[54,328,329],{},"Paste the HTML code you copied from Countdown Builder into this section.",[54,331,332,156,335],{},[57,333,334],{},"Save and Preview",[51,336,337],{},[54,338,339],{},"Save your changes and preview the email to ensure the countdown timer displays correctly and matches your campaign's design.",[120,341,343],{"id":342},"step-3-test-track-and-launch-your-campaign","Step 3: Test, Track, and Launch Your Campaign",[51,345,346,352,358],{},[54,347,348,351],{},[57,349,350],{},"Test the timer",": Send a test email to verify that the countdown timer appears correctly across different email clients.",[54,353,354,357],{},[57,355,356],{},"Track performance",": Use Iterable's campaign analytics to compare results with and without the timer before rolling it out more widely.",[54,359,360,363],{},[57,361,362],{},"Launch",": Once you've verified rendering and timing, launch the email campaign.",[43,365,367],{"id":366},"tips-for-using-countdown-timers-in-iterable","Tips for Using Countdown Timers in Iterable",[51,369,370,376,381,387,393,399,405],{},[54,371,372,375],{},[57,373,374],{},"Brand alignment",": Match the timer's colors, fonts, and labels to your brand for a cohesive look.",[54,377,378,380],{},[57,379,65],{},": Use per-subscriber resets for automated sequences where each recipient has their own offer window.",[54,382,383,386],{},[57,384,385],{},"Optimize for mobile",": Preview the timer in Iterable to confirm it sizes well on mobile devices.",[54,388,389,392],{},[57,390,391],{},"Custom expiry states",": Decide what late openers see — zeros, a message, or an image.",[54,394,395,398],{},[57,396,397],{},"A\u002FB test",": Try different timer designs or placements, one variable at a time.",[54,400,401,404],{},[57,402,403],{},"Localized labels",": Customize timer labels (e.g., \"Tage\", \"Stunden\" for German).",[54,406,407,410],{},[57,408,409],{},"Image blocking",": Some recipients block images by default, so state the deadline in the email copy as well.",[43,412,414],{"id":413},"costs-for-iterable-campaigns","Costs for Iterable Campaigns",[12,416,417,418,422],{},"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 (",[16,419,421],{"href":420},"https:\u002F\u002Fapp.countdownbuilder.com\u002Fbilling","billing details","), and a custom domain with SSL on Business.",[12,424,425,426,430,431,180],{},"For more help, see Countdown Builder's ",[16,427,429],{"href":428},"https:\u002F\u002Fcountdownbuilder.com\u002Fpricing\u002F","pricing and FAQs"," or contact ",[16,432,434],{"href":433},"https:\u002F\u002Fapp.countdownbuilder.com\u002Fsupport","support",[12,436,437,438,442],{},"If you'd like to try it, you can ",[16,439,441],{"href":440},"https:\u002F\u002Fcountdownbuilder.com\u002F","create a free email countdown timer",". The free plan doesn't require a credit card and doesn't add a watermark to the timer.",[444,445],"hr",{},[12,447,448],{},[449,450,451],"em",{},"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.",[453,454,455],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":83,"searchDepth":97,"depth":97,"links":457},[458,459,464,465],{"id":45,"depth":97,"text":46},{"id":72,"depth":97,"text":73,"children":460},[461,462,463],{"id":122,"depth":103,"text":123},{"id":275,"depth":103,"text":276},{"id":342,"depth":103,"text":343},{"id":366,"depth":97,"text":367},{"id":413,"depth":97,"text":414},[467,468],"email-marketing","tutorial","email-countdown-timer-in-iterable.gif","2025-08-31","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.","md",{"title":474,"description":475},"Add Email Countdown Timer in Iterable with Countdown Builder","A step-by-step tutorial for adding a countdown timer to an Iterable email campaign, covering timer setup, custom expiry states, HTML embedding, and testing.",{},true,"A step-by-step guide to embedding a Countdown Builder timer in an Iterable email campaign using an HTML block.","\u002Fblog\u002Fhow-to-add-email-countdown-timer-in-iterable","5 min read",{"title":7,"description":471},null,"blog\u002Fhow-to-add-email-countdown-timer-in-iterable","Iterable's email builder supports custom HTML blocks, so you can embed an externally hosted countdown timer. This tutorial walks through creating a timer in Countdown Builder, embedding it in an Iterable email campaign, and testing it before launch.",[486,487,488,489,490,467,491,492,493],"countdown-template","countdown-timer","countdownbuilder","email-countdown-timer","email-engagement","marketing-tools","saas-marketing","urgency-in-emails","2026-10-21","T5gn_LHpaqwx3gKCEvt1Fdfth_uKuN5swaPVreyFp0g",{"title":497,"date":498,"path":499},"How to Embed a Custom Countdown Timer in MailerLite Emails with Countdown Builder","2025-08-25","\u002Fblog\u002Fcountdown-timer-in-email-mailerlite",{"title":501,"date":502,"path":503},"How to Create an Email Countdown Timer: Video Tutorial","2025-09-01","\u002Fblog\u002Fcountdown-builder-email-timer-tutorial",[],1792603098759]