Time Reference Widget
Help your visitors instantly see destination time vs their local time. Perfect for travel sites, hotels, and tour operators.
Live Preview
Configure Widget
Embed Code
Copy and paste this code into your website's HTML:
<div id="worldclock-widget"></div>
<script>
(function() {
var config = {
timezone: 'Pacific/Honolulu',
label: 'Honolulu, Hawaii',
theme: 'dark',
branding: true
};
var s = document.createElement('script');
s.src = 'https://www.worldclock.lol/widget/embed.js';
s.async = true;
s.onload = function() { WorldClockWidget.init(config); };
document.head.appendChild(s);
})();
</script>Event Countdown Widget
Embed a live countdown + timezone converter for any event — keynotes, product launches, streams. Drop in as a single <iframe> with URL params:
<!-- WWDC 2026 example --> <iframe src="https://www.worldclock.lol/embed/event.html?iso=2026-06-08T17%3A00%3A00Z&label=WWDC+2026+Keynote&accent=%230071e3" width="360" height="300" frameborder="0" style="border-radius:12px" ></iframe>
Params: iso (UTC ISO datetime) · label · theme (dark/light) · accent (hex color) · zones (extra timezones: London|Europe/London,Tokyo|Asia/Tokyo) · branding (false to hide)
Or use WorldClockWidget.initEvent({eventIso, eventLabel, theme}) from embed.js for a script-based version.
Download Options
Choose the integration method that works best for your site:
WordPress Plugin
Full-featured plugin with Gutenberg block support. Easy drag-and-drop in the block editor.
Download PluginSingle PHP file - upload to /wp-content/plugins/Standalone JavaScript
Use the embed code above, or download the JS file for self-hosting on any website.
Download embed.js~14KB - No dependenciesWordPress Shortcode
Classic shortcode version. Works with any theme and page builder including Elementor.
Download Shortcode PluginUse [worldclock timezone="Asia/Tokyo" label="Tokyo"]Why Use This Widget?
Real-time Updates
Live ticking clock that updates every second - no page refresh needed.
Auto-detects Location
Automatically shows the visitor's local time based on their browser timezone.
Lightweight
Minimal JavaScript footprint. Won't slow down your website.
Retro Flip Design
Beautiful split-flap clock aesthetic that stands out and engages visitors.