Embed a live clock from any time site into Notion

Notion's /embed block happily takes a whole website, but most clock and world-time pages are designed as full pages — headers, menus, footers and all. Pasting their URL into Notion gives you a shrunken browser window, not a clock.

Widget.diy solves this by cropping: you frame the exact rectangle that contains the clock, and only that rectangle becomes the widget.

What you need

• The URL of any public page that shows a clock (a world-time site, a timezone converter, a railway departure board — anything).
• A free Widget.diy account.

Steps

1. In Widget.diy, paste the page URL and press enter. The page loads inside the editor.
2. Drag the selection box until it covers just the clock. Use the scroll rail on the right if the clock sits further down the page, and the arrow keys for pixel nudges.
3. Press Preview. Pick how the crop should fit its container — static keeps true size, contain letterboxes it, cover fills the box.
4. Save, then copy the widget link from the widget info card.
5. In Notion, type /embed, paste the link, and resize the block to taste.

Keeping it alive

Open the widget's preview page and turn on scheduled refresh — for a clock, every 60 seconds is plenty. The widget reloads silently in the background, so the time in your Notion page never freezes.

When a page refuses to be framed

A few sites send X-Frame-Options: DENY or a strict frame-ancestors policy, which blocks every iframe embed, ours included. The editor warns you with a yellow banner when it detects this. In that case pick a different source page for the same data — there is usually one without the header.

Related

• Create your first widget in under a minute