How to embed the current time widget
Choose a city and time zone, customize the text, colors, font, time format, and widget size, then copy the generated iframe code and paste it into your website.
Free Website Widget. Create a customizable Text Current Time widget for any city or time zone and embed it on your website.
See exactly how your widget will look before copying the embed code
<iframe
src="https://www.smartclocktools.com/embed/current-time?city=New+York&timezone=America%2FNew_York&prefix=The+time+in&timePrefix=is+currently&hourFormat=12&showSeconds=true&background=%23f8fafc&panelBackground=%23ffffff&textColor=%23111827&accentColor=%23ff2b05&font=Lato&fontSize=32&alignment=center&borderRadius=16&shadow=sm&width=800&height=140"
width="800"
height="140"
loading="lazy"
style="border:0;overflow:hidden;"
title="SmartClockTools Widget"
></iframe>Choose a city and time zone, customize the text, colors, font, time format, and widget size, then copy the generated iframe code and paste it into your website.
A current time widget is useful for international businesses, remote teams, travel websites, customer support pages, event websites, dashboards, blogs, and websites serving visitors across different time zones.
Select a time zone and display its current local time directly on your website. The widget updates automatically and can display time in either 12-hour or 24-hour format.
Customize the widget using the settings above, preview the result, and copy the generated iframe code when you are ready. The embed code can be added to websites and website builders that support HTML or iframe embeds.