How do I add a countdown widget to my website?

Customize the countdown, copy the iframe code, and paste it into your website HTML where you want the countdown to appear.

Can I use this countdown widget for a sale or event?

Yes, you can use it for sales, launches, events, webinars, holidays, deadlines, and other time-based pages.

Does the countdown widget work with iframe?

Yes, the countdown is embedded with a simple iframe code and does not require installing extra scripts.

Can I customize the colors and size?

Yes, you can customize the background color, text color, accent color, font size, width, height, border radius, and shadow.

Back to Widgets

Countdown Timer Widget

Free Website Widget. Create a customizable online Countdown Timer widget and embed it on your website with a simple iframe code.

Live Preview

See exactly how your widget will look before copying the embed code

Embed Code

Open Preview

<iframe
  src="https://www.smartclocktools.com/embed/countdown?targetDate=2027-01-01T00%3A00&showDays=true&showHours=true&showMinutes=true&showSeconds=true&expiredText=The+wait+is+over%21&title=Sale+ends+in&background=%23fff7ed&textColor=%239a3412&accentColor=%23ea580c&borderRadius=0&shadow=md&font=Montserrat&fontSize=28&boxStyle=outline&width=500&height=200&language=en"
  width="500"
  height="200"
  loading="lazy"
  style="border:0;overflow:hidden;"
  title="SmartClockTools Widget"
></iframe>

Customize

Presets

Target dateUse format YYYY-MM-DDTHH:mm, for example 2027-01-01T12:30TitleBackground

Text color

Accent color

FontBox StyleFont size: 28LanguageExpired textBorder radius: 0ShadowWidth (px)Height (px)

How to embed the countdown widget

Choose your target date, customize the design, copy the generated iframe code, and paste it into your website HTML. The countdown settings are stored in the iframe URL.

Where to use this countdown timer

This countdown widget is useful for product launches, event pages, limited-time offers, holiday campaigns, webinar registrations, school deadlines, and landing pages.

Why use an iframe countdown

An iframe keeps the countdown isolated from your website code. This makes it easy to embed, simple to maintain, and less likely to conflict with your website scripts or styles.

Frequently Asked Questions

Customize the widget using the settings above, preview the result, and copy the generated iframe code when you are ready. The embed code can be added to websites and website builders that support HTML or iframe embeds.