Embeddable Widgets
Free countdown widgets for websites
Embed a live countdown to any date or event on your website. Choose from four themes and set the exact target time — just copy and paste the HTML.
Live preview
Live preview
Embed code
Copy and paste this HTML into your website.
<iframe src="https://datetoolshub.com/embed/countdown?to=2027-01-01T00:00&title=New+Year+2027&theme=dark&attribution=1" width="100%" height="320" frameborder="0" style="border:0;border-radius:12px;overflow:hidden" title="Countdown"></iframe>
Who uses this widget
- E-commerce — count down to sales, product drops and flash deals
- Events — build anticipation for conferences, webinars and festivals
- Churches — count down to Christmas, Easter or community events
- Schools — count down to exams, graduation or the end of term
- Personal — count down to weddings, birthdays and milestones
How to add this widget to your website
- 1Go to the countdown widget generator.
- 2Enter your event name, target date and time, and pick a theme.
- 3Click Copy embed code.
- 4Paste the HTML into your website editor.
Customization options
| Parameter | Type | Default | Description |
|---|---|---|---|
| to | datetime | — | Target date/time in ISO format (e.g. 2027-01-01T00:00) |
| title | string | Countdown | Event name displayed above the countdown |
| theme | string | dark | Colour theme: 'dark', 'light', 'soft' or 'teal' |
| attribution | 1|0 | 1 | Show visible 'datetoolshub.com' attribution link |
Widgets run in the browser. DateToolsHub does not collect visitor input from these embeds. Attribution is visible and honest — no hidden links.
Frequently asked questions
- How do I add a countdown to my website?
- Go to the countdown widget generator, set your event name and target date, copy the embed code and paste it into your website.
- What happens when the countdown reaches zero?
- The widget displays a celebration message. The countdown stays on the page showing that the event has arrived.
- Can I count down to a specific time of day?
- Yes. Set the target to a full date and time, for example 2026-12-25T09:00 for 9 AM on Christmas Day.
- Does the countdown work on WordPress?
- Yes. Paste the embed code into a Custom HTML block in the WordPress editor. The countdown appears immediately.