Embedding Timers

After saving your timer, you can embed it anywhere using the provided code. This guide covers email and website embedding.

Getting Your Embed Code

  1. 1Save your timer in the editor
  2. 2Click the "Export" button
  3. 3Choose your embed format
  4. 4Copy the code and paste it into your email or website

Embed Formats

Standard HTML

Works in any email client or website. The most universal option.

HTML
<img src="https://www.snaptimers.com/api/timer/abc123.gif" alt="Countdown Timer" style="max-width: 100%;" />

Image URL Only

Just the URL. Use when your email builder needs a direct image link.

https://www.snaptimers.com/api/timer/abc123.gif

Email Provider Specific

Pre-formatted with merge tags for personalization:

Mailchimp: ...?uid=*|EMAIL|*
Klaviyo: ...?uid={{ person.KlaviyoID }}
HubSpot: ...?uid={{ contact.email }}

Email Best Practices

  • Always include alt text for accessibility and when images are blocked
  • Add max-width: 100% to ensure the timer scales on mobile
  • Center the timer with a wrapping div or table cell
  • Test before sending by sending a test email to yourself

Platform-Specific Guides

Troubleshooting

Timer not showing?

Make sure images are enabled in your email client. The timer is an animated GIF image.

Timer appears static?

Some email clients show only the first frame. The timer still updates on each email open.

Wrong time displayed?

Check your timezone settings in the timer configuration.