B

Brevo Integration

Add countdown timers to your Brevo emails

Brevo is an affordable all-in-one marketing platform offering email, SMS, and automation. Adding SnapTimers countdowns creates urgency and helps boost your campaign performance.

Difficulty
Easy
Time Required
2-3 minutes
Brevo Plan
All plans (Free+)

Step-by-Step Guide

1

Create Your Timer in SnapTimers

Design your countdown timer using our visual editor. Choose your end date, colors, fonts, and style.

Pro Tips
  • Use colors that pop against your email background
  • Test different sizes to find the perfect fit
2

Copy the Timer Embed Code

Click "Get Embed Code" and copy the HTML snippet. For evergreen timers, select "Custom" as your Email Provider and add {{ contact.ID }} to the URL.

Pro Tips
  • Add ?uid={{ contact.ID }} to your timer URL for evergreen timers
  • Copy the complete HTML code
3

Open Brevo Email Editor

Go to Campaigns in Brevo and create a new email campaign, or edit an existing draft. Click "Design email" to open the editor.

Pro Tips
  • Works with both drag-and-drop and HTML editors
  • Drag-and-drop is easier for most users
4

Add an Image or HTML Block

From the content blocks panel, drag an "Image" block or "HTML" block into your email template.

Pro Tips
  • Image block: use for simple timer display
  • HTML block: use for more customization
5

Configure the Timer

For Image block: select "From URL" and paste your timer URL. For HTML block: paste the complete embed code.

Pro Tips
  • Set appropriate alt text for accessibility
  • Adjust width to match your email design
6

Preview and Test

Use Brevo's preview feature to check your timer on desktop and mobile. Send a test email to verify the animation.

Pro Tips
  • Test on Gmail, Outlook, and mobile
  • The GIF will animate in the actual email

Example Embed Code

<img 
  src="https://cdn.snaptimers.com/timer/abc123.gif" 
  alt="Offer ends soon!" 
  width="600" 
  style="max-width: 100%; height: auto; display: block; margin: 0 auto;"
/>

Troubleshooting

Timer image not loading

Make sure the URL starts with https:// and is publicly accessible. Try the URL directly in your browser.

Timer not animating in Brevo preview

Brevo's preview may not show GIF animation. Send a test email to see the actual animated timer.

Timer too large on mobile

Add max-width: 100% to the image style to make it responsive.

Boost your Brevo campaigns

Create urgency and drive more conversions with countdown timers.