Clock Widget

Create Your Own Clock Widget in Seconds for Your Website

Build a live world clock for offices, shops, events, support teams, and global audiences. Choose locations, layouts, time format, seconds, colors, width, and optional selected-time-zone text in a no-code builder.

Create Your Clock Widget - It's Free!
Create Your Own Clock Widget in Seconds for Your Website Hero Bg Image

How to embed Clock Widget to 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.

Display Live Times for Cities and Time Zones

Add labeled clocks for the places your visitors care about. Each clock uses its selected time zone to keep the displayed time current.

Time controls include:

Clock labelsTime zonesUp to 8 clocksLive updatesSelected time zone
Create Your Widget
Display Live Times for Cities and Time Zones

Choose Analog, Digital, or Mixed Displays

Use an analog clock grid for a visual world-clock layout, a digital list for compact scanning, or a mixed layout with both clock cards and selected-zone text.

Layout options include:

AnalogDigitalMixed layoutResponsive cardsWidget width
Pick a Layout
Choose Analog, Digital, or Mixed Displays

Control Time Format and Seconds

Choose 12-hour or 24-hour time and decide whether seconds should appear. Analog clocks include a second hand when seconds are enabled.

Format controls include:

12-hour time24-hour timeSecondsAM/PMDigital time
Set the Format

Customize Colors and Advanced CSS

Use preset themes or choose custom surface, text, clock face, hand, and accent colors. Advanced users can add scoped CSS for fine visual adjustments.

Style controls include:

Theme presetsBackground colorClock colorsAccent colorCustom CSS
Customize Your Clock
Customize Colors and Advanced CSS