Embed an HTML page in Notion, WordPress, Google Sites or any site

Why embed a link instead of pasting code?

Many platforms strip or sandbox raw HTML, especially <script> tags. Notion does not run custom code at all. Embedding a hosted page side-steps that: your page runs normally on its own origin and the platform simply shows it in a frame. One more benefit — fix the page once with Update content and every place it is embedded shows the fix.

Notion

1. Type /embed and choose Embed.
2. Paste the link and press Embed link.
3. Drag the block's corners to size it.

WordPress (block editor)

Add a Custom HTML block and paste:

Copy<iframe src="https://your-page.htmltolink.dev/"
        style="width:100%;height:640px;border:0;border-radius:12px"
        loading="lazy" title="Interactive calculator"></iframe>

Google Sites

Insert → Embed → By URL, paste the link, choose Whole page, then resize the box.

Webflow, Squarespace, Wix, Ghost, Shopify, plain HTML

Use the platform's Embed / Code block with the same iframe snippet as WordPress.

Making the embed responsive

For a widget with a fixed shape (a chart, a video-like canvas), keep its aspect ratio instead of a fixed height:

Copy<iframe src="https://your-page.htmltolink.dev/"
        style="width:100%;aspect-ratio:16/10;border:0"
        loading="lazy" title="Chart"></iframe>

Inside your page, make the content fill whatever width it gets (max-width:100%, flexible grids) and check it in the responsive viewer.

Things that behave differently inside an embed

• Password-protected pages may ask for the password every time or not load at all, because browsers restrict cookies inside frames on other sites. Embed public pages.
• Saved data (localStorage) is kept separately for each site that embeds the page.
• Pop-ups, downloads and full-screen may be blocked by the host platform's frame settings.
• The small HTMLtoLink badge appears in the corner of the frame; visitors can close it.