How to Embed a Widget on Your Website for Free (Beyond Notion)

Once you've embedded a widget in Notion, it's a short jump to realize the same trick works basically anywhere else. Any site that accepts an iframe, or a plain embed code, can show the same live clock or countdown you've got on your dashboard.

Why this works the same way as Notion

A widget is just a hosted web page at a URL. Notion's /embed block wraps that URL in an iframe. Most website builders, whether it's Squarespace, Webflow, WordPress or a hand-coded site, have their own embed block that does the exact same thing. The widget itself doesn't know or care which platform it's sitting in.

Adding it to a website builder

• Get the widget's embed link or embed code from the widget tool.
• In your site builder, add an "Embed" or "Custom HTML" block.
• Paste in the link or code, most builders accept either an iframe snippet or a raw URL.
• Preview the page and adjust the block's size to fit your layout.

The tool I use for this

I use embeddable widgets for any website, the same clock, calendar, countdown and weather widgets that work in Notion also embed cleanly on a normal website, no separate setup required. It's the same link either way, the destination is just different.

Where this is actually useful

A countdown widget on a landing page for a launch. A live clock on a booking page showing your local time zone. A calendar widget on an events page. None of these need custom development, they're the same free tools you'd use for a Notion dashboard, pointed at a different destination.

Testing across browsers and devices

An embed that renders perfectly in one browser can behave differently in another, especially on older mobile browsers with stricter iframe rules. Before publishing a page with an embedded widget live, check it on a phone and at least two desktop browsers. It's a five-minute check that catches the rare case where a widget looks broken to a chunk of your visitors and fine to you.

Speed and page load considerations

Every embedded widget is an extra request your page has to make when it loads, which matters more on a public website than in a private Notion workspace, since page speed affects both visitor experience and search ranking. One or two widgets won't be noticeable. Five or six stacked on a single landing page will. Same rule as everywhere else in this series: pick the ones that earn their spot.

If your "website" is actually a public Notion page you're using as a site, our guide on embedding a widget in Notion covers the exact same process, step by step.