Remote teams
Use this starter as a fast base, then edit text, colors, images, links, and behavior.
Support hours
Use this starter as a fast base, then edit text, colors, images, links, and behavior.
International storefronts
Use this starter as a fast base, then edit text, colors, images, links, and behavior.
Nobody needs 215 capitals on their website. They need the two or three places their business actually spans: the cities support covers, where the team sits, the market a store ships to. This starter shows one large clock in the visitor's own time zone, then a row for each city you add, carrying your label, the time there right now, a sun or moon for whether it is day or night, and how far ahead or behind the visitor that city is.
The cities stay changeable after the clock is live. A generated clock from a time zone site bakes its settings into the snippet, so adding a Berlin office three weeks later means going back to the generator and re-pasting code into every page. Here the widget is hosted: add the city in Fugte, and every page it is embedded on shows four clocks instead of three.
Features
What the World Clock widget can do.
A row per city, named your way
Each row is a block with its own label and time zone. Name it for the city, the office, the market, or the person, whichever your visitors will understand faster.
Daylight saving worked out live
Each offset is read from the time zone at the moment the clock renders rather than stored as a fixed number, so every country changes on its own date, including the weeks when the US has switched and the EU has not.
Ahead or behind, from the visitor's side
Each row can show the gap against the visitor's own time zone, so a reader in Berlin and a reader in Chicago each see the difference that applies to them. Turn the column off if you would rather show plain times.
Day or night at a glance
A sun or a moon sits next to every city, and the ones at night are dimmed, so nobody books a call into somebody's 2am. Any single row can be highlighted to mark the one that matters most.
12 or 24 hour, seconds and dates optional
Format, ticking seconds, the date line, and the offset column are all settings. Set it to 24 hour for a European audience and 12 hour for a US one, without rebuilding anything.
Update once, live everywhere
Add a city, rename a label, or switch the format, and every embedded copy serves the new version. The embed code on your site never changes.
Embed guides
Add the World Clock to your platform.
Add a World Clock to a Canva website
Step-by-step embed instructions, platform limits, and FAQ.
Add a World Clock to a Notion page
Step-by-step embed instructions, platform limits, and FAQ.
Add a World Clock to a Shopify store
Step-by-step embed instructions, platform limits, and FAQ.
Add a World Clock to a WordPress site
Step-by-step embed instructions, platform limits, and FAQ.
Add a World Clock to a Webflow site
Step-by-step embed instructions, platform limits, and FAQ.
FAQ
Common questions.
How do I add a world clock to my website?
Start from this widget in Fugte, add a row for each city and name it, publish, and paste the hosted link or iframe snippet into your page. Any platform that accepts links or embeds works, and there are step-by-step guides for each one on this page.
Can it show several time zones at once?
Yes. Each city is a block you add, with its own label and time zone, and there is no fixed limit on how many you list. The clock at the top is always the visitor's own local time, so a three-city widget reads as four clocks.
Does it handle daylight saving?
Yes, and this is where hand-written clocks usually go wrong. A clock built on a fixed UTC offset is an hour out for weeks each spring and autumn, because transition dates are set by legislation and differ by country. This widget asks the browser for each city's current offset every tick instead of storing one, so each place changes on its own date.
Whose clock is it reading, the visitor's or a server's?
The visitor's device. Every city is then worked out from that same instant, so the times are consistent with each other and the gaps between cities are always right. If a visitor's laptop clock is wrong, every clock in the widget is off by the same amount. For most pages that is fine; if you need certified time, a device-rendered clock of any kind is the wrong tool.
Can I change the cities after the clock is live?
Yes, that is the point of it being hosted. Add the fourth city when the team grows, rename "HQ" to "Austin", or switch to 24 hour, and every page the widget sits on updates. You do not touch the embed code or republish your site.
Can I name a clock something other than the city?
Yes. The label is free text, so "Support", "Warehouse", or a teammate's name works as well as "London". Keep labels short: each one sits on a single line and a long name is trimmed rather than wrapped.
Can I put a world clock on a Canva website?
Yes. Canva has no code block, but its Embed element accepts a link, so your published Fugte link renders as a live clock in the page. Canva takes static in-page embeds only, so plan for a clock sitting in the content rather than a floating clock or a sticky bar across the top.
Is the world clock widget free?
The free plan includes unlimited widgets and unlimited views, with a small Fugte badge on the widget. Paid plans remove the badge.
Related starters
More utility widgets.
Message in the Bottle
A calming interactive gratitude bottle where visitors can write small notes, drop them into the bottle, and reopen them
Music Player
Floating music player with playlist and controls
Spinning Wheel
A customizable spinning wheel widget for launch promos, discount reveals, and engagement campaigns