What is a multi clock widget?

A multi clock widget shows the current time in multiple cities or time zones inside one embeddable website widget.

How do I add multiple cities?

Use the Cities field with the format City|Timezone separated by semicolons, for example New York|America/New_York;London|Europe/London.

Can I use it as a world clock widget?

Yes, this widget is designed for world clocks, remote teams, dashboards, offices, and international websites.

Can I customize the layout?

Yes, you can choose grid, vertical, or horizontal layouts and customize colors, size, font, border radius, and shadow.

Back to Widgets

Multi Clock Widget

Free Website Widget. Create a customizable multi-clock widget for multiple cities and time zones, then embed it on your website with a simple iframe code.

Live Preview

See exactly how your widget will look before copying the embed code

Embed Code

Open Preview

<iframe
  src="https://www.smartclocktools.com/embed/multi-clock?clocks=New+York%7CAmerica%2FNew_York%3BLondon%7CEurope%2FLondon%3BTokyo%7CAsia%2FTokyo%3BSydney%7CAustralia%2FSydney&layout=grid&format=24&showSeconds=true&showDate=true&background=%23ffffffff&cardBackground=%23fcfcfc&textColor=%23090b11&accentColor=%23212121&font=Montserrat&fontSize=26&borderRadius=12&shadow=sm&width=560&height=320&language=en"
  width="560"
  height="320"
  loading="lazy"
  style="border:0;overflow:hidden;"
  title="SmartClockTools Widget"
></iframe>

Customize

Presets

Time formatBackground

Card background

Text color

Accent color

FontFont size: 26LayoutCitiesAdd cities and choose their time zones.

Clock 1

City label

Timezone

Clock 2

City label

Timezone

Clock 3

City label

Timezone

Clock 4

City label

Timezone

LanguageBorder radius: 12ShadowWidthHeight

How to embed the multi clock widget

Add your cities and time zones, choose a layout, customize the design, copy the generated iframe code, and paste it into your website HTML.

Where to use multiple clocks

This widget is useful for international companies, remote teams, support pages, dashboards, travel websites, and offices with multiple locations.

Why use one multi clock widget

Instead of embedding several separate clocks, you can manage all cities inside one iframe widget with one consistent design.

Frequently Asked Questions

Our stunning no-code widgets will enhance any website built with a site builder. They are incredibly easy to use and customize. Copy the embed snippet and paste it where you want the widgets to render.