How to Create Countdown Timers in Brevo

Today we’re going to walk through how easy it is include an email countdown timer within an Brevo Email campaign. Brevo is a popular email sending and template editing platform that many of our customers use.  Adding an email countdown timer to your Brevo email templates is seamless, and a great way to enhance your email campaigns with dynamic content. 

Step 1: Create your timer on Sendtric

Whether you are creating a free timer on our home page, or a highly customized timer in one of our paid plans, generating a countdown timer is quick and easy. Simply go through the editor steps and adjusting the style to match your email campaign, and the timer configuration for the function you will be using it for.

Once you have prepared your timer, copy the timer HTML code and head over to Brevo.

Step 2: Insert your timer into your Brevo Template

Open your Brevo Email campaign and select whether you want to use their drag & drop editor or their HTML editor.

Drag & Drop Editor
Select the HTML block and drag it to your email in the location where you want the timer to be. Double click the HTML block inside the email and paste the HTML code provided by Sendtric and then add the ‘dynamic’ tag*. (see below for how to do that)

HTML Editor:
Enter the code provided by Sendtric + add the ‘dynamic tag’* (see below for how to do that) at the location you want your timer to be in.

*Important*
To ensure your timer works correctly in Brevo, add “dynamic” at the end of the img html brackets as follows:

Usual HTML code provided by Sendtric:
<img src="https://gen.sendtric.com/countdown/133dvtakwh" style="display: block;max-width:100%;" />

Brevo requires to add the 'dynamic' tag as follows:
<img src="https://gen.sendtric.com/countdown/xyz123456" style="display: block;max-width:100%;" dynamic/>

If you would like your timer to be centered, here is some additional code to help center the timer for all email clients:

<table align="center">
<tbody>
<tr>
<td><img src="https://gen.sendtric.com/countdown/xyz123456" style="display: block;max-width:100%;" dynamic/></td>
</tr>
</tbody>
</table>

Step 3: You are done!

It’s that easy to include a timer from Sendtric in your Brevo campaign.  If you are using a paid plan and want to make some tweaks to your timer design after seeing it in the template (maybe that color choice wasn’t quite right!) You can easily return to the Sendtric Editor and edit anything about the timer that you wish.  You do not need re-copy the timer code, so long as you make sure you edit the same timer that you included in your template.

We’d love to hear about your experience using our timers on Brevo too!  Feel free to reach out to us at support@sendtric.com with any concerns, questions, or feedback you may have.

Scroll to Top