How do I embed a live clock into WordPress or Notion?

Generate your customized iframe code snippet and paste it directly into an 'Embed' block or Custom HTML widget on your builder.

Can I style the clock to match my company brand?

Yes. Choose between light and dark themes, pick custom accent colors, toggle seconds, and select 12-hour or 24-hour military notation.

Will the widget slow down my website load times?

No. The embed is ultra-lightweight (under 20KB gzipped), runs asynchronously, and executes without taxing your main thread.

How do I embed a live clock into WordPress or Notion?

Generate your customized iframe code snippet and paste it directly into an 'Embed' block or Custom HTML widget on your builder.

Can I style the clock to match my company brand?

Yes. Choose between light and dark themes, pick custom accent colors, toggle seconds, and select 12-hour or 24-hour military notation.

Will the widget slow down my website load times?

No. The embed is ultra-lightweight (under 20KB gzipped), runs asynchronously, and executes without taxing your main thread.

Responsive Embed Generator

Add a Live Clock Widget to Your Website

Create a customizable live clock for your website. Choose a timezone, select from 7 modern themes, and copy the responsive embed code for WordPress, Webflow, or Notion.

Customize Widget Settings

Select World City

Visual Theme PresetFree & Pro Presets

Time Format

Seconds Display

White-Label BrandingPRO

Remove the TimeNumbers link and logo for seamless client dashboard embeds.

Max Width:300px

Live Preview

HTML Embed Code

<!-- TimeNumbers Live Clock Widget -->
<div style="max-width: 300px; width: 100%; text-align: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
  <iframe 
    src="https://www.timenumbers.com/embed/clock?city=london-united-kingdom&theme=light&format=12&seconds=true" 
    width="100%" 
    height="140" 
    style="border: 1px solid #e2e8f0; border-radius: 16px; display: block;" 
    loading="lazy"
    title="London Exact Time">
  </iframe>
</div>

Zero dependencies. Simply paste into any website, CMS, or dashboard.

PRO PLAN

₹499 / month

TimeNumbers Pro Widgets

Elevate your team dashboard or client websites with white-label, multi-city clock embeds.

✓ 100% White-Label (no branding link)
✓ All Pro themes (Glass, Neon, Gold, Minimal)
✓ Multi-city clocks (side-by-side display)
✓ High-frequency NTP sync & priority SLA

Platform Setup Guides

How to Embed TimeNumbers Widgets on Any Platform

Step-by-step instructions tested across popular website builders and content systems.

1WordPress (Gutenberg / Elementor)

In WordPress, add a Custom HTML block anywhere on your page or sidebar. Paste the snippet copied above. Save or update your page to render the live clock.

2Webflow (Embed Component)

Drag an Embed component from the Add Elements panel into your Webflow layout. Paste the iframe code into the HTML editor and publish your site.

3Notion, Coda & Company Wikis

Type /embed in Notion or Coda, and paste the direct preview URL (/embed/clock?city=london-united-kingdom&theme=light&format=12&seconds=true) for an instant desktop clock.

Customizable Digital and Analog Designs

Keep your website visitors informed with live, atomic-synchronized clock widgets. Whether you are running an international travel guide, an e-commerce storefront with worldwide support, or an internal Notion wiki for a remote company, our widgets provide clean, responsive time displays.

Customize colors, dial styles, and city selections with our live preview tool, then copy the lightweight snippet directly into your site.