Adding a Countdown Timer in Klaviyo
Step-by-step guide to embedding an animated countdown timer in Klaviyo email campaigns and flows. Works with the drag-and-drop editor.
Create your timer in GifyLabs
Sign in to GifyLabs and create a new countdown timer. Set your target date (or choose evergreen for Klaviyo flows) and customize the design to match your brand.
Copy the embed code
From your GifyLabs dashboard, click the copy icon to copy the embed code. You'll get a simple <img> tag.
Open the Klaviyo email editor
In Klaviyo, navigate to Campaigns or Flows and open the email you want to edit. Use the drag-and-drop template editor.
Drag in a Text block or Image block
Option A: Drag an "Image" block, click "Browse," switch to "Image URL," and paste the timer image URL. Option B: Drag a "Text" block, click the source code icon (</>), and paste the full embed code.
Adjust the block width
Select the block and set the width to match your template. Most Klaviyo templates use 600px content width — GifyLabs timers are responsive and will scale automatically.
Add a link to the timer (optional)
Select the image and add a link URL pointing to your sale or landing page. This makes the timer clickable, driving recipients directly to your offer.
Preview and send a test
Click "Preview & Test" in Klaviyo to send yourself a test email. Check that the animated countdown renders on both desktop and mobile.
Tips
For Klaviyo flows (abandoned cart, welcome series, browse abandonment), use an evergreen timer for personalized countdowns.
Klaviyo fully supports animated GIFs — no workarounds needed.
Place the timer directly above your CTA button for maximum click-through rates.
Use Klaviyo's A/B testing to compare emails with and without countdown timers.
Frequently Asked Questions
Related Guides
Creating Your First Email Countdown Timer
Step-by-step guide to creating and customizing your first countdown timer.
Read guide →Adding a Countdown Timer in Mailchimp
Embed a live countdown timer in Mailchimp emails using the drag-and-drop editor.
Read guide →Adding a Countdown Timer in Omnisend
Embed a live countdown timer in Omnisend emails and e-commerce automations.
Read guide →Best Practices for Email Countdown Timers
Tips to maximize conversions and engagement with countdown timers.
Read guide →Ready to Create Your Countdown Timer?
Get started for free — no credit card required. Create your first timer in under 2 minutes.