Clock Widget

Flip Widget for Clock

Add a live flip clock widget with dark split-flap styling to dashboards, portfolios, and workspace websites. White digits, charcoal tile styling, and a central hinge line give it a retro clock look. The layout scales with its container without custom CSS media queries.
Create Now — It’s Free!
Flip Widget for Clock

More Clock Styles

World Clock Widget for Website

World Clock Widget for Website

Compare four live city times in a clean digital layout for New York, London, Tokyo, and Sydney. This world clock dashboard is a practical fit for global teams, remote work setups, support operations, travel pages, and event planning. Visitors can quickly read the current time in each city, switch time zones with the selector, and view the selected time summary. The 24-hour format and seconds-off display keep the panel clear and easy to scan on desktop or mobile.

Circle Clock Widget

Circle Clock Widget

Show live time in a modern circular clock for dashboards, portfolios, kiosks, and wellness sites.

Transparent Clock Widget

Transparent Clock Widget

Overlay a transparent live clock on hero images, videos, portfolios, and hospitality websites.

Analog Clock Widget

Analog Clock Widget

Show a precise live analog clock on offices, dashboards, schools, and professional websites.

Discover more

How to create a Clock widget

Add your time zones

Add your time zones

Choose the cities or time zones you want to display and edit each clock label.

Customize layout and style

Customize layout and style

Pick an analog grid, digital list, or mixed layout, then adjust colors, width, time format, and seconds.

Embed it on your site

Embed it on your site

Preview your live clocks, save your widget, and add it to your website with the generated embed code.

Learn more

Help visitors compare time zones at a glance

Show live times for multiple locations

Add up to eight city or time-zone clocks so visitors can quickly compare office hours, regional availability, event timing, and global schedules.

Show live times for multiple locations

Choose analog, digital, or mixed layouts

Use a visual analog clock grid, a compact digital list, or a mixed layout with clock cards and a selected time-zone readout.

Choose analog, digital, or mixed layouts

Let visitors compare a selected time zone

Show an optional selector and summary text so visitors can check the current time in one default or visitor-selected region.

Let visitors compare a selected time zone

Match the widget to your website

Start with light, dark, blue, teal, or custom colors, then adjust the surface, text, clock face, hand, and accent colors for your brand.

Match the widget to your website

How to embed your Clock into WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Learn more

Why Jotform Website Widgets stand out

Jotform’s widgets make your website more interactive and increase conversions. There are many tools available, from star ratings and testimonial sliders to social proof popups and media embeds. Add widgets to your forms or landing pages to collect data, display proof, and capture leads — no coding required.

Embed widgets without coding

Add Jotform widgets to your website with a simple embed code. Customize the widget, preview how it looks, and paste it into any page that supports custom HTML or embed blocks, all without a developer.

Build more interactive pages

Use Jotform Website Widgets to collect leads, show customer feedback, display social proof, embed media, or add helpful web page tools. Each widget helps visitors interact with your business directly from your website.

Get support when you need it

If you need help setting up, customizing, embedding, or troubleshooting your widget, Jotform’s customer support team is available 24-7. You can move forward with confidence, knowing that help is there when you need it.

Where to use your Clock Widget

Add the widget anywhere visitors need to check local times, coordinate across time zones, or choose the best time to connect.

Contact pages for companies with offices or support teams in multiple time zones.

Online stores that want to show shop, pickup, support, or launch times across regions.

Event pages where attendees need to compare local event time with their own region.

Global team pages that show working hours for distributed teammates and departments.

Travel and hospitality pages where local destination time helps guests plan calls, arrivals, or bookings.

Dashboards and portals where users need a quick world-clock reference without leaving the page.

Convert leads into paying customers with the Jotform Form Builder

Turn engagement into action with Jotform. Create powerful forms that capture leads, collect payments, and automate responses, all in one place. Every submission lands in your Jotform Inbox, where you can follow up or connect with your favorite apps.

Get Started — It’s Free!
Convert leads into customers

FAQ

  • What is a Clock Widget?

    A Clock Widget displays live current time on your website. You can show one or more city or time-zone clocks in analog, digital, or mixed layouts.

  • Can I show multiple time zones?

  • Can visitors compare a selected time zone?

  • Can I use analog and digital clocks?

  • Can I use 12-hour or 24-hour time?

  • Can I customize the design?

  • Does the Clock Widget work on mobile?

  • Do I need to write code?