Simple Digital Clock 🕒 — WordPress Plugin

Free WordPress plugin

Put the right time in the right place.

A studio in London. A team in Tokyo. Give visitors a clear sense of local time, with a clock that belongs on your website.

  • Named time zones
  • Date & seconds
  • Native WordPress block

Free to install · No API key required

Paper sculpture illustrating Simple Digital Clock 🕒

Community figures from WordPress.org. Checked 22 October 2026, 18:20 UTC. Automatically checked daily. Installation figures are rounded by WordPress.org.

Imagine it on your website

One website. Different local times.

Help visitors orient themselves before a call or a message. These are working clocks, each using its own named time zone.

01 / The studio website

Before you call.
Know their time.

London

A local clock beside your contact information.

02 / The global team

Across the world.
Still in sync.

Tokyo

A second location with its own local time.

The clocks use the visitor’s device time and browser time-zone rules. They show the current time, not business availability or opening hours. The surrounding layouts are examples for your website.

A small detail.
A more considerate website.

Put time where it answers a question: next to a contact card, a team location or a destination guide.

Make location clear

A caption and a named time zone make the clock useful to visitors in another part of the world.

Show only what matters

Switch between 12 and 24 hours. Include the date and seconds when they help, or keep the display quiet.

Keep your own style

Choose colors, a gradient, alignment and rounded corners. Add more clocks for more locations.

Style playground

Choose a city.
Set the mood.

Try time zones, date languages and display options. The preview uses the actual plugin component; copy its HTML when your clock is ready.

Choose a color theme
More appearance settings

Install the plugin first, then paste this HTML into a Custom HTML block. The native Digital Clock block also provides visual editing.

Live clock previewEurope/London

Time comes from your device clock. The selected time zone and display settings are included in the copied HTML.

Like this version? Take it to your website.

View your HTML
<timenow-zone-sdcw width="0" locale="en-GB" rounded="0.5" align="center" date="true" second="true" period="false" caption="London studio" time-zone="Europe/London" background-color="#192443" background="#192443"></timenow-zone-sdcw>

From idea to your page

A small addition.
A useful part of your website.

  1. Install

    Search for “Simple Digital Clock” in Plugins → Add New, then install and activate.

  2. Add a clock

    Insert the Simple Digital Clock block and use its visual controls. Or paste the HTML from this page into a Custom HTML block.

  3. Give it context

    Choose a named time zone and a useful caption. Preview the clock next to the content it supports.

The studio website

Europe/London · 24-hour display

View london HTML
<timenow-zone-sdcw width="0" locale="en-GB" rounded="0.5" align="center" date="true" second="true" period="false" caption="London studio" time-zone="Europe/London" background-color="#192443" background="#192443"></timenow-zone-sdcw>

The global team

Asia/Tokyo · Japanese date

View tokyo HTML
<timenow-zone-sdcw width="0" locale="ja-JP" rounded="0.5" align="center" date="true" second="true" period="false" caption="Tokyo team" time-zone="Asia/Tokyo" background-color="#ba5738" background="#ba5738"></timenow-zone-sdcw>

The HTML presets require the active Simple Digital Clock plugin. Use the native Gutenberg block if you prefer visual configuration. No shortcode is required.

A few useful details

Good to know.
Easy to start.

Is it free? Do I need an account?

The plugin is free and open source. A clock does not need an account or API key.

Does it show my time or the visitor’s time?

Choose a named time zone such as Europe/London for a fixed location. The clock uses the visitor’s device time and the browser’s time-zone rules to display that location’s time.

Does it account for daylight saving time?

Named IANA time zones use the browser’s rules for seasonal clock changes. The result depends on the device clock and the browser’s time-zone data.

Can I show several clocks?

Yes. Add another block or HTML preset and give it a different time zone and caption.

Are external fonts required?

No. These examples use the built-in styling. Optional Google Fonts in the plugin’s editor load from an external CDN when selected.

The WordPress.org community

Real experiences.
One place to share them.

Read what people say on WordPress.org. Already using the plugin? Share your honest experience there to help the next website owner.

★★★★★★★★★★

Does everything I need

This clock plugin does a great job of displaying the time. You can make many adjustments to include the date, have it in different sizes or show a different time zone. Simple yet powerful! 😀
silvercarpet
★★★★★★★★★★

Nice plugin

This is a very good plugin. The clock is stylish and decorative. Easy to install.
beka99
★★★★★★★★★★

Awesome. Best clock plugin

You have no idea how much I searched & searched for a plugin like this where it will display my server time instead of the correct time display for each person who goes to my page but all the plugins were outdated and didn't work.
ecmvilleneuve

Review excerpts from WordPress.org, in their original language. Checked 22 October 2026, 18:20 UTC. Automatically checked daily. Installation figures are rounded by WordPress.org.

Make every time zone
feel a little closer.

Add a useful local-time detail to your next contact page, team page or travel guide. The plugin is free.

Scroll to Top