[{"data":1,"prerenderedAt":341},["ShallowReactive",2],{"page-or-post-\u002Fadd-countdown-timer-brevo-email-marketing\u002F":3,"related-blog\u002Fblog\u002Fadd-countdown-timer-brevo-email-marketing.md":340},{"type":4,"data":5,"prevPost":332,"nextPost":336},"post",{"id":6,"title":7,"body":8,"categories":305,"coverImage":308,"date":309,"description":310,"extension":311,"head":312,"meta":314,"navigation":315,"ogDescription":316,"ogTitle":317,"path":318,"readTime":319,"seo":320,"slug":321,"stem":322,"summary":323,"tags":324,"updatedAt":330,"__hash__":331},"blog\u002Fblog\u002Fadd-countdown-timer-brevo-email-marketing.md","How to Add a Countdown Timer in Brevo Email Marketing",{"type":9,"value":10,"toc":292},"minimark",[11,23,32,37,40,43,47,50,98,103,126,133,137,156,162,166,182,187,192,196,204,210,214,217,221,254,258,261,265,273,279,282,288],[12,13,14,15,22],"p",{},"A countdown timer can be useful in a ",[16,17,21],"a",{"href":18,"rel":19},"https:\u002F\u002Fwww.brevo.com\u002F?utm_source=countdownbuilder&utm_medium=blog&utm_campaign=brevo-timer-guide&utm_content=cta",[20],"nofollow","Brevo"," campaign that has a real deadline, such as a limited-time offer, an event registration, or a product launch.",[12,24,25,26,31],{},"Brevo's email builder supports ",[16,27,30],{"href":28,"rel":29},"https:\u002F\u002Fhelp.brevo.com\u002Fhc\u002Fen-us\u002Farticles\u002F360016831820",[20],"custom HTML blocks",", so you can embed a timer generated by an external timer service. This tutorial walks through creating a timer in Countdown Builder, copying its HTML code, and adding it to a Brevo email step by step.",[33,34,36],"h2",{"id":35},"when-a-countdown-timer-helps-in-brevo","When a Countdown Timer Helps in Brevo",[12,38,39],{},"A countdown timer shows recipients how much time remains for an offer or event. It suits campaigns with an actual expiry — flash sales, early-bird pricing, registration deadlines — and works as a visual reminder of a deadline that already exists.",[12,41,42],{},"If the campaign has no real deadline, a timer adds little. Use one only when the offer genuinely ends.",[33,44,46],{"id":45},"step-by-step-guide-to-adding-a-countdown-timer-in-brevo","Step-by-Step Guide to Adding a Countdown Timer in Brevo",[12,48,49],{},"The flow from timer to sent Brevo email:",[51,52,57],"pre",{"className":53,"code":54,"language":55,"meta":56,"style":56},"language-mermaid shiki shiki-themes github-light","flowchart LR\n    A[\"Create the timer in Countdown Builder\"] --> B[\"Open the Brevo Email Builder\"]\n    B --> C[\"Drag an HTML block into the layout\"]\n    C --> D[\"Paste the timer code\"]\n    D --> E[\"Preview and test\"]\n    E --> F[\"Send the campaign\"]\n","mermaid","",[58,59,60,68,74,80,86,92],"code",{"__ignoreMap":56},[61,62,65],"span",{"class":63,"line":64},"line",1,[61,66,67],{},"flowchart LR\n",[61,69,71],{"class":63,"line":70},2,[61,72,73],{},"    A[\"Create the timer in Countdown Builder\"] --> B[\"Open the Brevo Email Builder\"]\n",[61,75,77],{"class":63,"line":76},3,[61,78,79],{},"    B --> C[\"Drag an HTML block into the layout\"]\n",[61,81,83],{"class":63,"line":82},4,[61,84,85],{},"    C --> D[\"Paste the timer code\"]\n",[61,87,89],{"class":63,"line":88},5,[61,90,91],{},"    D --> E[\"Preview and test\"]\n",[61,93,95],{"class":63,"line":94},6,[61,96,97],{},"    E --> F[\"Send the campaign\"]\n",[99,100,102],"h3",{"id":101},"step-1-create-your-countdown-timer","Step 1: Create Your Countdown Timer",[104,105,106,115,118],"ol",{},[107,108,109,110,114],"li",{},"Visit ",[16,111,113],{"href":112},"https:\u002F\u002Fapp.countdownbuilder.com\u002Fcountdowns\u002Fcreate","Countdown Builder"," to create a customized countdown timer.",[107,116,117],{},"Customize the timer's appearance, including colors, fonts, and the end date\u002Ftime, to match your email campaign's branding.",[107,119,120,121,125],{},"Once satisfied with the design, click the ",[122,123,124],"strong",{},"Copy HTML"," button to copy the timer's HTML code.",[12,127,128],{},[129,130],"img",{"alt":131,"src":132},"brevo-email-marketing-countdown-timer-one","\u002Fblog-images\u002Fbrevo-email-marketing-countdown-timer-one-1024x549.png",[99,134,136],{"id":135},"step-2-add-the-timer-to-brevo-email-builder","Step 2: Add the Timer to Brevo Email Builder",[104,138,139,146,153],{},[107,140,141,142,145],{},"Log in to your Brevo account and navigate to the ",[122,143,144],{},"Email Builder"," to create or edit an email campaign.",[107,147,148,149,152],{},"Drag and drop an ",[122,150,151],{},"HTML block"," into the desired section of your email template.",[107,154,155],{},"Click on the HTML block to open the code editor.",[12,157,158],{},[129,159],{"alt":160,"src":161},"brevo-email-marketing-countdown-timer-two","\u002Fblog-images\u002Fbrevo-email-marketing-countdown-timer-two-600x1024.png",[99,163,165],{"id":164},"step-3-paste-the-countdown-timer-code","Step 3: Paste the Countdown Timer Code",[104,167,168,171],{},[107,169,170],{},"In the code editor, paste the HTML code you copied from Countdown Builder.",[107,172,173,174,177,178,181],{},"Save the changes by clicking ",[122,175,176],{},"OK"," or ",[122,179,180],{},"Apply"," in the editor.",[12,183,184],{},[129,185],{"alt":56,"src":186},"\u002Fblog-images\u002Fbrevo-email-marketing-countdown-timer-three-1024x501.png",[12,188,189],{},[129,190],{"alt":56,"src":191},"\u002Fblog-images\u002Fbrevo-email-marketing-countdown-timer-html-1024x565.png",[99,193,195],{"id":194},"step-4-preview-and-test","Step 4: Preview and Test",[104,197,198,201],{},[107,199,200],{},"Preview your email to ensure the countdown timer displays correctly.",[107,202,203],{},"Send a test email to verify that the timer works across different email clients and devices.",[12,205,206],{},[129,207],{"alt":208,"src":209},"brevo-email-marketing-countdown-timer-four","\u002Fblog-images\u002Fbrevo-email-marketing-countdown-timer-four-1024x274.png",[33,211,213],{"id":212},"your-countdown-timer-is-live","Your Countdown Timer Is Live",[12,215,216],{},"That completes the setup: the timer is now part of your Brevo email campaign. Recipients who open the email see the current time remaining for your offer.",[33,218,220],{"id":219},"tips-for-using-countdown-timers-in-brevo","Tips for Using Countdown Timers in Brevo",[222,223,224,230,236,242,248],"ul",{},[107,225,226,229],{},[122,227,228],{},"Match your design",": Customize the timer's colors, fonts, and animations to fit your email's branding.",[107,231,232,235],{},[122,233,234],{},"Suit the campaign",": Use timers for flash sales, early-bird discounts, or event reminders — campaigns with a genuine end date.",[107,237,238,241],{},[122,239,240],{},"Supporting copy",": Include the deadline in the subject line and body text, not only in the timer image.",[107,243,244,247],{},[122,245,246],{},"Image blocking",": Some recipients block images by default, so state the deadline in plain text as well.",[107,249,250,253],{},[122,251,252],{},"Test thoroughly",": Check how the timer renders across devices and email clients before sending.",[33,255,257],{"id":256},"why-brevo-works-for-timer-emails","Why Brevo Works for Timer Emails",[12,259,260],{},"Brevo's email builder supports custom HTML blocks and renders external images, which is what an embedded countdown timer needs. The timer itself is generated and hosted by the timer service; Brevo displays it like any other image in your campaign.",[33,262,264],{"id":263},"costs-a-flat-rate-for-brevo-campaigns","Costs: A Flat Rate for Brevo Campaigns",[12,266,267,268,272],{},"Countdown Builder is priced per account, not per contact or per send — so the bill stays flat however large the Brevo list behind the campaign is. The free plan has no watermark and doesn't require a credit card; paid plans add unlimited timers and views, and the Business plan serves timer images from your own domain with SSL. Current plans are on the ",[16,269,271],{"href":270},"https:\u002F\u002Fcountdownbuilder.com\u002Fpricing\u002F","pricing page",".",[12,274,275,276,272],{},"If you'd like to try it, you can ",[16,277,278],{"href":112},"create a free timer at Countdown Builder",[280,281],"hr",{},[12,283,284],{},[285,286,287],"em",{},"Last updated: September 2026. These steps reflect Brevo's email builder and Countdown Builder as of this date. Email platform interfaces change over time, so the labels you see may differ slightly.",[289,290,291],"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":56,"searchDepth":70,"depth":70,"links":293},[294,295,301,302,303,304],{"id":35,"depth":70,"text":36},{"id":45,"depth":70,"text":46,"children":296},[297,298,299,300],{"id":101,"depth":76,"text":102},{"id":135,"depth":76,"text":136},{"id":164,"depth":76,"text":165},{"id":194,"depth":76,"text":195},{"id":212,"depth":70,"text":213},{"id":219,"depth":70,"text":220},{"id":256,"depth":70,"text":257},{"id":263,"depth":70,"text":264},[306,307],"email-marketing","tutorial","brevo-email-marketing-countdown-timer.gif","2025-08-17","A countdown timer can be useful in a Brevo campaign that has a real deadline, such as a limited-time offer, an event registration, or a product launch.","md",{"title":7,"description":313},"A step-by-step tutorial for adding a countdown timer to a Brevo email campaign using an HTML block, covering timer setup, embedding, and testing.",{},true,"A step-by-step guide to adding a countdown timer to a Brevo email campaign using an HTML block.","Add a Countdown Timer in Brevo Email Marketing","\u002Fblog\u002Fadd-countdown-timer-brevo-email-marketing","3 min read",{"title":7,"description":310},null,"blog\u002Fadd-countdown-timer-brevo-email-marketing","Brevo's email builder supports custom HTML blocks, so you can embed a countdown timer from an external timer service. This tutorial walks through creating a timer in Countdown Builder and adding it to a Brevo email campaign step by step.",[325,326,327,306,328,329],"countdown-timer","email-countdown-timer","brevo","marketing-tools","urgency-in-emails","2026-10-20","jGYIUTbq26Pxq3Hzb-QuoIA3Jt5crFTHmrmijl4Ej44",{"title":333,"date":334,"path":335},"How to Add a Countdown Timer in Mailchimp Emails","2025-08-15","\u002Fblog\u002Fhow-to-add-countdown-timer-in-mailchimp",{"title":337,"date":338,"path":339},"How to Add a Countdown Timer to Your HubSpot Marketing Email with Countdown Builder","2025-08-18","\u002Fblog\u002Fadd-countdown-timer-hubspot-email",[],1792603095883]