HomeCities BlogAbout
Free for everyone

Add a live clock to any website

Free embeddable time widgets — no coding needed. Pick your style, copy one line of code and paste it anywhere. Works on WordPress, Squarespace, Wix, Webflow and any website.

1
Choose your widget
2
Customize the look
3
Copy the code
4
Paste it on your site
Customize your city clock
Live preview
Your embed code
Copy this code

How to add this to your website

1
Click "Copy code" above — the code is now on your clipboard
2
Go to your website editor and open the page where you want the clock to appear
3
Paste the code into an HTML block, embed block or code widget on your page
4
Save and publish — your live clock will appear immediately!
Works on
WordPress Squarespace Wix Webflow Notion Ghost Any HTML site

Free clock widgets for any website

Adding a live clock to your website has never been easier. TheTimeHub's free embeddable widgets work on any platform — WordPress, Squarespace, Wix, Webflow, Ghost, Notion and any custom HTML site. No account required, no coding skills needed.

Who uses these widgets?

Our free clock widgets are used by travel bloggers showing local time at their destination, remote teams displaying their team's time zones, event organizers counting down to a conference or wedding, and businesses showing office hours across multiple cities.

How to embed a clock widget on your website

Use the builder above to customize your widget — choose your city, style and color theme. Then click "Copy code" and paste the single line of HTML into your website. On WordPress, use an HTML block. On Squarespace, use a Code block. On Wix, use the HTML embed element. The clock will appear live on your page immediately.

More free time tools

🍅 Pomodoro Timer 🌍 Meeting Planner ⏳ Countdown Timer ⏱ Stopwatch 🌍 All Cities