Create the widget in Fugte
Start from the World Clock starter, generate a variation with the built-in AI, or paste your own code.
Step by step
Embed the World Clock in your WordPress site.
Customize and publish it in Fugte
Text, colors, images, numbers, and options are no-code settings, so you can match your branding without touching code. Publishing gives the World Clock a stable hosted link and an embed snippet.
Add a Custom HTML block
In the WordPress block editor, add a "Custom HTML" block where the widget should appear and paste the embed snippet.
Preview and publish
Use the block's Preview toggle to check the World Clock in place, then publish or update the page.
Good to know
WordPress specifics worth planning around.
Works the same in the classic editor (paste into the Text tab) and in page builders: Elementor's HTML widget, Divi's Code module, and similar.
Self-hosted WordPress accepts the embed on any setup. On WordPress.com specifically, custom embeds require a plan that allows custom code.
No plugin means one less thing to update, and theme changes or updates will not break the widget.
Updates happen in the widget editor. The embedded widget changes everywhere it is placed, without re-editing posts.
This widget
What the World Clock needs from the embed.
The section above applies to anything you put on a WordPress site. This part is specific to the World Clock.
Ideas
Where the World Clock fits.
Remote teams
A live world clock for the cities your business spans, with your own label on each one
Support hours
A live world clock for the cities your business spans, with your own label on each one
International storefronts
A live world clock for the cities your business spans, with your own label on each one
FAQ
Common questions.
Do I need to install a plugin?
No. The built-in Custom HTML block is enough. That is the main advantage over widget plugins, which add code to every page whether used or not.
Can I use the World Clock with Elementor or Divi?
Yes. Paste the same embed snippet into Elementor's HTML widget or Divi's Code module. Any builder with an HTML element works.
Will a theme update break the World Clock?
No. The embed lives in your page content, not in theme files, so switching or updating themes leaves it in place.
More guides
Same widget, other platforms.
Add a World Clock to a Canva website
Canva websites do not accept HTML or iframe code, but they do accept links. Add a World Clock to your Canva page with a hosted Fugte embed, free to try, no code.
Add a World Clock to a Notion page
Add a World Clock to any Notion page or Notion Site with the /embed block. Hosted, interactive, works on free Notion plans, no code.
Add a World Clock to a Shopify store
Add a World Clock to your Shopify store without installing an app or editing theme code: paste one hosted embed into a Custom Liquid section or page.
Add a World Clock to a Webflow site
Add a World Clock to a Webflow site with the Embed element: one hosted snippet, editable later without republishing the site.
Related widgets
More utility widgets for WordPress.
Add a Message in the Bottle to a WordPress site
A calming interactive gratitude bottle where visitors can write small notes, drop them into the bottle, and reopen them
Add a Music Player to a WordPress site
Floating music player with playlist and controls
Add a Spinning Wheel to a WordPress site
A customizable spinning wheel widget for launch promos, discount reveals, and engagement campaigns
Try it
Put a World Clock on your WordPress site today.
Start free, customize the World Clock without code, and embed it with one link.