Docs & officenotion.site

Can you embed Notion in an iframe?

Yes, but only a published page, with the code from Embed this page. Notion documents this embed code for published pages, not the normal page link.

Checked Test again

Live check

Two links, two results

Result of
Published linkPartial
notion-templates.notion.site/14d1a2a5dc7142759b0ccfc5a1b13b00
X-Frame-Options
SAMEORIGIN (ignored)
CSP frame-ancestors
'self' https://app.notion.com notion://app.notion.com https://app.prod.notion.com https://app.canary.notion.com https://www.notion.com https://mail.notion.so https://mail.notion.com
Response
200 OK · 175 ms · HTTPS
Embed URLEmbeddable
notion-templates.notion.site/ebd/14d1a2a5dc7142759b0ccfc5a1b13b00
X-Frame-Options
Not sent
CSP frame-ancestors
*
Response
200 OK · 56 ms · HTTPS

Steps

How to embed Notion

  1. Open the page in Notion.
  2. At the top, clickSharethenPublishthenPublish
  3. On the published page, click Embed this page.
  4. To show the page title, turn on Show page title.
  5. Click Copy this code. Paste it into the HTML of your page.

Publishing makes the page and its subpages public.

Notion also publishes all subpages. Check them for private data before you publish.

Embed code

Paste this into your page

HTML
<iframe
  src="https://{your-domain}.notion.site/ebd/{page-id}"
  width="100%"
  height="600"
  style="border: 0"
  title="{page title}"
  allowfullscreen>
</iframe>

Use the code from Copy this code. Notion puts the correct src in it.

URL patterns

Swap the link you have for the embed URL

  • You have{your-domain}.notion.site/{page-id}Use in the iframe{your-domain}.notion.site/ebd/{page-id}

The page must be published first. Copy the code from Embed this page to get the exact URL.

Good to know

  • Changes to the published page show on the site automatically.
  • You can publish an unlimited number of pages and claim one notion.site domain.
  • A custom domain is a paid add-on for paid plans.
  • You can limit subpage permissions to hide some subpages from the public.
  • To stop, open Share, then Publish, then click Unpublish.
  • Unpublish does not remove "Anyone on the web with link" access. Remove it in the Share menu.

Sources

Profile updated

Know before you embed.

Free, no sign-up, nothing stored. Paste a URL and get a verdict, a live preview, and the fix.