[{"data":1,"prerenderedAt":409},["ShallowReactive",2],{"page-or-post-\u002Fhow-to-add-countdown-timer-in-mailjet\u002F":3,"related-blog\u002Fblog\u002Fhow-to-add-countdown-timer-in-mailjet.md":408},{"type":4,"data":5,"prevPost":400,"nextPost":404},"post",{"id":6,"title":7,"body":8,"categories":375,"coverImage":378,"date":379,"description":380,"extension":381,"head":382,"meta":384,"navigation":385,"ogDescription":386,"ogTitle":7,"path":387,"readTime":388,"seo":389,"slug":390,"stem":391,"summary":392,"tags":393,"updatedAt":398,"__hash__":399},"blog\u002Fblog\u002Fhow-to-add-countdown-timer-in-mailjet.md","How to Add a Countdown Timer in Mailjet Emails",{"type":9,"value":10,"toc":363},"minimark",[11,28,36,39,46,51,54,83,86,90,93,96,143,148,155,158,164,167,184,187,191,198,204,208,211,222,228,243,248,251,256,260,271,275,307,311,318,322,342,350,353,359],[12,13,14,15,22,23,27],"p",{},"A countdown timer can be useful in a ",[16,17,21],"a",{"href":18,"rel":19},"https:\u002F\u002Fwww.mailjet.com\u002F?utm_source=countdownbuilder&utm_medium=blog&utm_campaign=mailjet-timer-guide&utm_content=cta",[20],"nofollow","Mailjet"," campaign that has a real deadline — a flash sale, an event registration, a ",[16,24,26],{"href":25},"https:\u002F\u002Fcountdownbuilder.com\u002Fwebinar-countdown-timer-email\u002F","webinar countdown timer"," sequence, or a limited-time promotion.",[12,29,30,31,35],{},"Mailjet's email editor includes a built-in countdown block, but its design options are limited. If you need control over fonts, colors, labels, languages, and expiry states, you can generate the timer with an external service such as ",[16,32,34],{"href":33},"https:\u002F\u002Fapp.countdownbuilder.com","Countdown Builder"," and embed it in Mailjet using an HTML block.",[12,37,38],{},"This tutorial shows how to do that. The steps cover creating the timer, copying its HTML, embedding it in Mailjet's drag-and-drop editor, and testing before you send.",[12,40,41],{},[42,43],"img",{"alt":44,"src":45},"","\u002Fblog-images\u002Flabel-email-countdown-timer.gif",[47,48,50],"h2",{"id":49},"why-use-a-custom-timer-in-mailjet","Why Use a Custom Timer in Mailjet?",[12,52,53],{},"Mailjet's native countdown block covers the basics. An externally generated timer adds:",[55,56,57,65,71,77],"ul",{},[58,59,60,64],"li",{},[61,62,63],"strong",{},"Design control",": custom fonts, colors, backgrounds, and animations to match your brand.",[58,66,67,70],{},[61,68,69],{},"Flexible labels",": rename \"Hours\" or translate labels into other languages.",[58,72,73,76],{},[61,74,75],{},"Timer types",": fixed-date timers, or evergreen timers that start individually for each recipient.",[58,78,79,82],{},[61,80,81],{},"Expiry handling",": choose what displays after the deadline passes — zeros, a message, or a custom image.",[12,84,85],{},"The timer renders as an animated GIF hosted by the timer service, and it is regenerated each time the email is opened, so it shows the current time remaining.",[47,87,89],{"id":88},"step-by-step-how-to-add-a-custom-timer-in-mailjet-using-countdown-builder","Step-by-Step: How to Add a Custom Timer in Mailjet Using Countdown Builder",[12,91,92],{},"Countdown Builder includes 65+ templates, customization options, evergreen timers, multilingual labels, and no watermark on the free plan.",[12,94,95],{},"The flow in Mailjet:",[97,98,102],"pre",{"className":99,"code":100,"language":101,"meta":44,"style":44},"language-mermaid shiki shiki-themes github-light","flowchart LR\n    A[\"Create the timer in Countdown Builder\"] --> B[\"Copy the HTML code\"]\n    B --> C[\"Drag an HTML Block in Mailjet\"]\n    C --> D[\"Paste the code in the editor popup\"]\n    D --> E[\"Save the block\"]\n    E --> F[\"Test and send\"]\n","mermaid",[103,104,105,113,119,125,131,137],"code",{"__ignoreMap":44},[106,107,110],"span",{"class":108,"line":109},"line",1,[106,111,112],{},"flowchart LR\n",[106,114,116],{"class":108,"line":115},2,[106,117,118],{},"    A[\"Create the timer in Countdown Builder\"] --> B[\"Copy the HTML code\"]\n",[106,120,122],{"class":108,"line":121},3,[106,123,124],{},"    B --> C[\"Drag an HTML Block in Mailjet\"]\n",[106,126,128],{"class":108,"line":127},4,[106,129,130],{},"    C --> D[\"Paste the code in the editor popup\"]\n",[106,132,134],{"class":108,"line":133},5,[106,135,136],{},"    D --> E[\"Save the block\"]\n",[106,138,140],{"class":108,"line":139},6,[106,141,142],{},"    E --> F[\"Test and send\"]\n",[144,145,147],"h3",{"id":146},"step-1-create-your-countdown-timer-on-countdown-builder","Step 1: Create Your Countdown Timer on Countdown Builder",[12,149,150,151,154],{},"Go to ",[16,152,34],{"href":153},"https:\u002F\u002Fapp.countdownbuilder.com\u002Fcountdowns\u002Fcreate"," and sign up for a free account (or start designing immediately).",[12,156,157],{},"Pick from 65+ templates – or build from scratch.",[12,159,160],{},[42,161],{"alt":162,"src":163},"email countdown timer template","\u002Fblog-images\u002Ftimer-template-preview-1024x576.png",[12,165,166],{},"Customize everything to fit your brand:",[55,168,169,172,175,178,181],{},[58,170,171],{},"Set countdown type: Fixed-date or Evergreen (personalized reset per recipient).",[58,173,174],{},"Adjust end date\u002Ftime and time zone.",[58,176,177],{},"Change colors, fonts, backgrounds, and animations (e.g., pulsing effects).",[58,179,180],{},"Edit labels freely – use your own words like \"Hours Left\" or translate to any language.",[58,182,183],{},"Add post-expiration message or image.",[12,185,186],{},"Preview your design in real-time.",[144,188,190],{"id":189},"step-2-copy-the-html-code","Step 2: Copy the HTML Code",[12,192,193,194,197],{},"Once satisfied, click the ",[61,195,196],{},"Copy HTML"," button to copy the full embed code.",[12,199,200],{},[42,201],{"alt":202,"src":203},"timer in mailjet timer","\u002Fblog-images\u002Fmailjet-timer-preview-1024x633.png",[144,205,207],{"id":206},"step-3-insert-the-timer-in-mailjet","Step 3: Insert the Timer in Mailjet",[12,209,210],{},"Log into Mailjet and open your email campaign in the drag-and-drop editor.",[12,212,213,214,221],{},"Drag an ",[61,215,216],{},[16,217,220],{"href":218,"rel":219},"https:\u002F\u002Fdocumentation.mailjet.com\u002Fhc\u002Fen-us\u002Farticles\u002F360042910333-Mailjet-s-Email-Editor",[20],"HTML Block"," from the content panels into your email layout.",[12,223,224],{},[42,225],{"alt":226,"src":227},"add html block in mailjet","\u002Fblog-images\u002Fmailjet-add-html-block-1024x577.png",[12,229,230,231,234,235,238,239,242],{},"Click inside the ",[61,232,233],{},"HTML block"," – a code editor popup will appear. Paste the HTML code you copied from Countdown Builder. Click ",[61,236,237],{},"Save"," or ",[61,240,241],{},"Insert",".",[12,244,245],{},[42,246],{"alt":44,"src":247},"\u002Fblog-images\u002Finsert-countdown-html-1024x320.png",[12,249,250],{},"Your countdown timer is now part of your Mailjet email.",[12,252,253],{},[42,254],{"alt":44,"src":255},"\u002Fblog-images\u002Fmailjet-countdown-timer-preview-1024x962.png",[144,257,259],{"id":258},"step-4-test-and-send","Step 4: Test and Send",[55,261,262,265,268],{},[58,263,264],{},"Preview the email in Mailjet.",[58,266,267],{},"Send tests to yourself and check across devices and clients.",[58,269,270],{},"Confirm the timer animates correctly.",[47,272,274],{"id":273},"best-practices-for-timers-in-mailjet","Best Practices for Timers in Mailjet",[55,276,277,283,289,295,301],{},[58,278,279,282],{},[61,280,281],{},"Placement",": Position near your CTA.",[58,284,285,288],{},[61,286,287],{},"Design",": Keep it brand-consistent and responsive.",[58,290,291,294],{},[61,292,293],{},"Copy",": Reference the deadline in the subject line and body text.",[58,296,297,300],{},[61,298,299],{},"Fallback",": Set expiry content for late opens.",[58,302,303,306],{},[61,304,305],{},"Image blocking",": Some recipients block images by default, so include the deadline in plain text as well, and write alt text that carries the message.",[47,308,310],{"id":309},"costs-for-mailjet-senders","Costs for Mailjet Senders",[12,312,313,314,242],{},"Whether a campaign goes to a small transactional list or the full marketing base, the timer costs the same flat per-account rate — no per-view billing to forecast around. The free plan has no watermark; paid plans add unlimited timers and views, and the Business plan a custom domain with SSL. Current plans are on the ",[16,315,317],{"href":316},"https:\u002F\u002Fcountdownbuilder.com\u002Fpricing\u002F","pricing page",[47,319,321],{"id":320},"related-guides","Related Guides",[55,323,324,330,336],{},[58,325,326],{},[16,327,329],{"href":328},"https:\u002F\u002Fcountdownbuilder.com\u002Fhow-to-add-countdown-timer-in-mailchimp\u002F","Countdown Timer in Mailchimp",[58,331,332],{},[16,333,335],{"href":334},"https:\u002F\u002Fcountdownbuilder.com\u002Fadd-countdown-timer-in-constant-contact\u002F","Countdown Timer in Constant Contact",[58,337,338],{},[16,339,341],{"href":340},"https:\u002F\u002Fcountdownbuilder.com\u002Fhow-to-add-countdown-timer-in-gmail\u002F","Countdown Timer in Gmail",[12,343,344,345,349],{},"If you'd like to try it, you can ",[16,346,348],{"href":347},"https:\u002F\u002Fapp.countdownbuilder.com\u002F","create a free timer at Countdown Builder",". The free plan doesn't require a credit card and doesn't add a watermark to the timer.",[351,352],"hr",{},[12,354,355],{},[356,357,358],"em",{},"Last updated: September 2026. These steps reflect Mailjet's email editor and Countdown Builder as of this date. Email platform interfaces change over time, so the labels you see may differ slightly.",[360,361,362],"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":44,"searchDepth":115,"depth":115,"links":364},[365,366,372,373,374],{"id":49,"depth":115,"text":50},{"id":88,"depth":115,"text":89,"children":367},[368,369,370,371],{"id":146,"depth":121,"text":147},{"id":189,"depth":121,"text":190},{"id":206,"depth":121,"text":207},{"id":258,"depth":121,"text":259},{"id":273,"depth":115,"text":274},{"id":309,"depth":115,"text":310},{"id":320,"depth":115,"text":321},[376,377],"email-marketing","tutorial","countdown-timer-in-mailjet.png","2025-12-30","A countdown timer can be useful in a Mailjet campaign that has a real deadline — a flash sale, an event registration, a webinar countdown timer sequence, or a limited-time promotion.","md",{"title":7,"description":383},"Learn how to add a countdown timer to Mailjet emails using Countdown Builder's HTML embed code, including design options, embedding steps, and pre-send testing.",{},true,"Learn how to add a customizable countdown timer to Mailjet emails using Countdown Builder's HTML embed code.","\u002Fblog\u002Fhow-to-add-countdown-timer-in-mailjet","3 min read",{"title":7,"description":380},null,"blog\u002Fhow-to-add-countdown-timer-in-mailjet","Mailjet's email editor includes a basic countdown block, but its design options are limited. This tutorial shows how to create a customizable timer in Countdown Builder and embed it in a Mailjet email using an HTML block.",[394,395,396,376,397],"countdownbuilder","email-countdown-timer","email-engagement","urgency-in-emails","2026-10-20","wfvZD0eM0u96tyVzeWLMe5PyOzkCVJgY-bDmB06mvyg",{"title":401,"date":402,"path":403},"How to Add a Countdown Timer in Constant Contact Emails","2025-12-24","\u002Fblog\u002Fadd-countdown-timer-in-constant-contact",{"title":405,"date":406,"path":407},"How to Add a Countdown Timer in Drip Email Campaigns (2026 Guide)","2026-01-01","\u002Fblog\u002Fhow-to-add-countdown-timer-in-drip-email",[],1792603098742]