How To Embed Notion On Your Website

Joel Rosen
2 min readJan 23, 2022

--

If you’ve tried to embed Notion on your website or in an iframe you might have noticed is not as easy as embedding from other apps like Google Docs and Airtable.

If you’re looking to embed your Notion pages using iframes, you’ll need to build a custom solution using the Notion API and this can be challenging to work with.

So, after doing some research and getting some validation from others who were looking for the same functionality I decided to build a tool for makers and creators that lets you embed your notion page on your website in seconds.

Introducing embednotion.com

I wanted to build a generator kinda app that works like:

  • Drop a public Notion url in
  • Render the Notion page on my server
  • Return a new embedabble url you can use in iframes.

I started building the product 7 days ago and was able to quickly get an MVP up and out the door to test the reaction. So far it’s been received really well!

The use cases for this product are quite hefty, but being able to now embed Notion on any website or HTML page means you could:

👉 Add one Notion page to other Notion pages using Notion’s iframe block -just drop the snippet in and go :)

👉 Easily embed Notion pages on Wordpress, Squarespace, Webflow etc..

👉 Add live examples of your Notion template to your landing page (without giving away the actual link)

👉 Add Notion content to gated / Pay walled pages in your other fave membership tools

Enjoy: https://embednotion.com/

--

--