Home / Countdowns / Countdown widget
Free Countdown Widget for Your Website
Put a live countdown on your website or blog in a minute: pick an event, choose light or dark, and paste the code into your page. The widget counts the days, hours, minutes and seconds, moves on to next year's date by itself, and needs no account, no plugin and no script on your site.
Preview. On your page, a “Days until Christmas by ClockTotals” credit appears under the widget, linking to ClockTotals.
Christmas countdown widget
The Christmas widget is the most popular one: it counts down to December 25 in each visitor's own time zone, shows a celebration message on Christmas Day and switches to next Christmas on December 26. Pick Christmas above, or choose Halloween, Thanksgiving, New Year, Easter, Diwali, Ramadan, Hanukkah and more than 200 other holidays and observances. Movable dates such as Easter and Thanksgiving are worked out with the same rules as the ClockTotals countdowns.
How to add a countdown to your website
- Pick the event and theme above, and check the preview.
- Copy the code. It is an
<iframe>plus a short credit line. - Paste it where HTML is allowed: in WordPress, a Custom HTML block; in Wix, Embed HTML; in Squarespace, a Code block; in Blogger, an HTML/JavaScript gadget; in Shopify, a Custom Liquid section; in plain HTML, anywhere in the
<body>. - Publish. The countdown runs by itself from then on, every year.
To change the size, edit max-width:520px (the widget stretches to fit) or height="200". For a dark website, change theme=light to theme=dark.
Worked example: a Christmas countdown on a WordPress blog
Picture a craft blog that wants a Christmas countdown in its sidebar. The owner picks Christmas and the dark theme to match the site. The preview updates, and Copy code puts the snippet on the clipboard.
In WordPress, the owner opens Appearance, then Widgets, and adds a Custom HTML block to the sidebar. The code is pasted in and the block is saved. The sidebar is narrow, so the numbers shrink to fit the space.
On December 25 the widget shows its Christmas message. From December 26 it counts to the next Christmas without any change to the code.
Result: a live sidebar countdown that runs year after year from one paste.
Countdown embed code, HTML and other places
The embed code is plain HTML: one iframe and one line of credit text. There is no JavaScript to install, so it works on pages that block outside scripts. It also leaves your page speed alone, because the iframe loads lazily.
This widget is made for web pages. It is not a phone or desktop app. To keep your own countdown on a phone, open its link from the countdown timer page and save it to your home screen or bookmarks.
What the widget does, and doesn't do
Each widget counts down to midnight at the start of the event day, in the visitor's own time zone. A reader in Texas and one in Scotland see the same date reached at their own local midnight. On the day it shows a short message, and from the next morning it counts to the following year.
The numbers shrink to fit a phone screen or a 300-pixel sidebar. Inside the frame there are no cookies, ads or analytics. Since your page loads no extra script, the widget cannot slow it down or break its layout.
Countdown widget questions
Is the countdown widget free?
There is no charge for personal or business sites, and no sign-up. A blog with ten visitors a day and a shop with ten thousand use the same code. The one request is to keep the small credit link under the widget.
How do I add a Christmas countdown to my website?
Choose Christmas in the first box, copy the code and paste it into an HTML block on your page. It counts to December 25, then starts on next year's Christmas from December 26.
Will the countdown update every year?
Holiday widgets always point at the next date, so the code never needs editing. Easter moves between March 22 and April 25, and Thanksgiving between November 22 and 28, and both are worked out fresh each year.
Can I make a widget for my own date?
Set your date up on the countdown timer page first. A shop opening on March 1 at 9:00 AM, say, gets its name, date, time and time zone there. Then open the website section on that page and copy the code it gives you.
Does the widget work in WordPress, Wix and Squarespace?
Any site builder that accepts HTML or an embed can show it. WordPress has a Custom HTML block for this. In Wix the element is called Embed HTML, and Squarespace uses a Code block.
Does the widget use cookies or track visitors?
The widget sets no cookies and loads no analytics or advertising. The only thing it loads is the countdown itself.
How do I add a countdown widget without coding?
Choose the event, press Copy code, and paste the result into the HTML or embed block of your site builder. Nothing in the code needs editing. If your site has a dark background, change theme=light to theme=dark.
Can I get a countdown widget for my phone or desktop?
Not here, since these widgets are for websites. On a phone you can make a countdown on the countdown timer page and add its link to the home screen. A bookmark works on a laptop.
Cite this page
APA: ClockTotals. (2026, October 16). Free Countdown Widget for Your Website. https://clocktotals.com/countdown-widget/
MLA: “Free Countdown Widget for Your Website.” ClockTotals, 16 Oct. 2026, clocktotals.com/countdown-widget/.
Link (HTML): <a href="https://clocktotals.com/countdown-widget/">Free Countdown Widget for Your Website</a>