NewsletterTimers

How-To Guides

Step-by-step instructions for adding countdown timers to your favorite email platforms and website builders.

MMailchimp

  1. 1Create your countdown timer in Newsletter Timers and copy the HTML embed code.
  2. 2In Mailchimp, open your email campaign and drag an 'Image' content block into your template.
  3. 3Click the image block, then switch to the 'Code' or 'HTML' editor.
  4. 4Paste the embed code (which includes the <img> tag with your timer URL).
  5. 5Send a test email to verify the timer displays correctly.

HHubSpot

  1. 1Create your countdown timer and copy the HTML embed code.
  2. 2In HubSpot's email editor, add a 'Custom HTML' module to your template.
  3. 3Paste the timer embed code into the HTML module.
  4. 4Preview the email — you should see the animated countdown.
  5. 5Save and send your campaign.

KKlaviyo

  1. 1Create your timer and copy the image URL.
  2. 2In Klaviyo's email template editor, add an Image block.
  3. 3Instead of uploading, paste the timer image URL as a linked image.
  4. 4Resize as needed to fit your template layout.
  5. 5Preview and test before sending.

AActiveCampaign

  1. 1Create your countdown timer and copy the HTML code.
  2. 2In ActiveCampaign, edit your email and add an HTML content block.
  3. 3Paste the timer embed code into the block.
  4. 4Save and preview your email to confirm the timer works.
  5. 5Schedule or send your campaign.

GGmail / Google Workspace

  1. 1Create your countdown timer and copy the image URL (not the HTML code).
  2. 2In Gmail compose, click the 'Insert photo' icon (mountain/landscape icon).
  3. 3Select 'Web Address (URL)' and paste your timer image URL.
  4. 4The timer will appear as an inline image in your email.
  5. 5Note: The timer will refresh each time the recipient opens the email.

WWordPress

  1. 1Create your countdown timer and copy the HTML embed code.
  2. 2In your WordPress post or page editor, switch to the 'Code' or 'HTML' view.
  3. 3Paste the embed code where you want the timer to appear.
  4. 4Switch back to the visual editor to see a preview.
  5. 5Publish or update your page.

SShopify

  1. 1Create your timer and copy the HTML embed code.
  2. 2In Shopify, go to Online Store > Themes > Customize.
  3. 3Add a 'Custom HTML' section or edit an existing section.
  4. 4Paste the timer embed code.
  5. 5Save and preview your store.

AAny Email / Website

  1. 1Create your countdown timer in Newsletter Timers.
  2. 2Copy the HTML embed code or direct image URL from the dashboard.
  3. 3For emails: paste the HTML code into your email editor's HTML/code view.
  4. 4For websites: paste the HTML code into your page's HTML wherever you want the timer.
  5. 5The image URL can be used directly in any <img> tag: <img src="YOUR_TIMER_URL" alt="Countdown Timer" />

Quick Reference: Embed Formats

HTML Embed (Recommended)

<img src="https://newslettertimers.com/api/timer/YOUR_TIMER_ID/gif"
     alt="Countdown Timer"
     width="600"
     height="200"
     style="display:block;max-width:100%;" />

Direct Image URL

https://newslettertimers.com/api/timer/YOUR_TIMER_ID/gif

With Click-Through Link

<a href="https://your-landing-page.com">
  <img src="https://newslettertimers.com/api/timer/YOUR_TIMER_ID/gif"
       alt="Countdown Timer"
       width="600"
       height="200"
       style="display:block;max-width:100%;" />
</a>

Ready to Add a Timer?

Create your countdown timer and get your embed code in seconds.

Create a Timer Free