This is a quick tutorial to explain how to embed Notion pages on websites. Embed Notion is a free website to generate embed code for public Notion pages. It basically acts as a Notion proxy and generates an <iframe> embed code which you can then add on your websites. There is no sign up and registration and you just give it a public Notion page and it will take care of the rest.
Although Embed Notion is free to use but it does come with few caveats. The embed code that is generates in the free version has its branding. Also, the embed code that it generates expires n 30 days. This means, you will have to regenerate the embed code after 30 days. But these two can be avoided if you subscribe to the premium version.
Notion has same origin policy in action just like many websites which prevents pages from it being embedded on other websites. But there is a workaround to that by creating Notion proxy. And that is what Embed Notion does. Alternatively, we have covered hosting Notion pages on custom domain. You can use that method to host Notion pages and maybe then you can generate embed code from there which will work on all websites.
How to Embed Notion pages on Websites?
You can just go to the main homepage of Embed Notion. Enter the Notion page link there and the click “Create Embed”. But before doing this, make sure that the Notion page URL you are using is publicly accessible.
After it generates the embed code, you can simply use that in the HTML of your website. Or, if you are on WordPress and it doesn’t allow iframes, then you will have to fix that first. See the embed that it generated in my case.
In this way, you can use this super simple website to embed Notion pages in websites. I have already mentioned the limitations of the free version and if you are okay with them then you can just go ahead. Or, if you want to embed code without any restrictions, then the option to subscribe to premium is not bad.
Closing thoughts:
I looked for other solutions but it seems as of now, this is the only working free method to embed Notion pages. There are some open source projects which may do it, but you will need a server to host them. I say for free, Embed Notion is not that of a bad choice. Just give it a try and let me know what you think about it.
