Add a clock or countdown to WordPress

Show the time , , .

clooock.com

Press Esc to leave full screen

How it works

  1. Make the widget

    Set the clock, countdown or timer above and pick the colors.

  2. Copy the code

    Tap Code for your site. The iframe and the credit link are in your clipboard.

  3. Add a Custom HTML block

    In the editor, add the Custom HTML block, paste, then update the page.

Any suggestions for improvement?

We build tools that are as simple and intuitive as possible, with a few bonuses here and there. Tell us what would make this one better.

In a post or a page (block editor)

  1. Open the post or page and click the + button (block inserter).
  2. Search for Custom HTML and add the block.
  3. Paste the code. The Preview tab of the block shows the widget.
  4. Click Update or Publish.

In a sidebar or a footer

With a classic theme, go to Appearance > Widgets, add a Custom HTML block to the sidebar or footer area, and paste the code. With a block theme, open Appearance > Editor, edit the template part (header, footer) and add the same Custom HTML block. In page builders such as Elementor, use their HTML widget.

WordPress.com and plans

On a self-hosted WordPress site, administrators and editors can paste an iframe without any restriction. On WordPress.com, tags such as iframe only work on a paid plan with hosting features active (the plans that allow plugins). On the free plan, the block keeps the text but strips the widget. In that case, a simple link to the tool on Clooock is the alternative.

Why no plugin?

A plugin adds code to every page of the site, needs updates and sometimes slows down the admin. The widget is an iframe: it loads only on the page where you put it, after the rest of the page, and nothing changes in your WordPress install. To change it later, edit the address in the block or make a new one here.

Questions

WordPress removed my iframe. Why?

Your user role or your plan does not allow iframes. On a self-hosted site, ask an administrator to paste it. On WordPress.com, a paid plan with hosting features is needed.

Can I center the widget?

The widget fills the width of the block, up to 640 pixels. To center a narrower one, wrap it in the block’s alignment options or reduce max-width in the code.

Will it work with caching plugins?

Yes. The widget runs in its own frame from clooock.com, so page caching on your site does not freeze the clock or the countdown.

More free tools

Alarm clockWake up to the sound you like.Full screen clockFour styles, with or without seconds.World clockThe time in every city, with the gap from yours.Time zone converterConvert a time between cities, with the day.Daylight saving timeWhen the clocks change next, wherever you are.TimerCountdowns with sound and presets.StopwatchLaps to the hundredth.Pomodoro25 minutes of focus, then a break.All toolsAll time tools