Although Notion is one of the best project management apps for small teams and businesses, one important option is missing in the app. You cannot embed Notion pages on any webpage. However, Embed Notion is an online tool that helps you embed Notion pages on a website or any webpage. This guide explains how you can set things up quickly.
Whether you want to manage your projects, tasks, or anything else, you can certainly opt for Notion. It is a modular productivity app that lets you set things up as per the requirements. As mentioned before, Notion has so many options and features, but it doesn’t have the option to embed a page on any website. Even if you use simple HTML and CSS to create a webpage, you cannot display the Notion page.
That is why you can use the Embed Notion web tool to get the job done. Whether you want to display one or multiple Notion pages on a website, you can use the same tool to do that. However, you need to obtain the URL of each Notion page first. Then, you can create an embed code, which you can inject into any webpage. For your information, it uses <iframe> to display the page. On the other hand, you need to use a few lines of CSS to style the embed.
How to embed Notion pages in a website
To embed Notion pages on a website, follow these steps:
- Open Notion and select a page.
- Click on the Open as page option.
- Click the Share option.
- Toggle the Share to web button to turn it on.
- Copy the unique link to your clipboard.
- Open the embednotion.com website.
- Paste the unique URL and click the Create embed button.
- Click the COPY CODE button.
- Paste the embed code into a webpage.
To learn more about these steps, continue reading.
At first, you need to open the Notion website and open a page that you want to embed. Then, click the Open as page option.
After that, click on the Share option and toggle the Share to web button to enable this functionality. Here you can find a unique link for that particular Notion page. You need to copy the URL to your clipboard.
Then, open the official website or Embed Notion and paste the copied URL in the corresponding box.
After that, click the Create embed button. It takes a few moments to create the embed code. Once done, find the embed code and click the COPY CODE button.
Then, you can paste the code into any website or webpage you like.
For your information, you can paste the <iframe> on multiple webpages and the <style> in your StyleSheet. That way, you do not need to paste the entire code all the time if you want to get it displayed on multiple web pages.
Read: Best Notion widgets you can install to increase your productivity.
Can you iFrame a Notion page?
Yes, you can iframe a Notion page. However, Notion doesn’t allow users to do that since there is no in-built option. For that, you need to use a third-party app called Embed Notion. It is free, easy to use, and gets things done quickly. You can follow the aforementioned guide to create an iframe for a Notion page.
Read: Notion templates for Students, Startups, Project management, Productivity.
How do I publish a Notion website?
To publish a Notion website or webpage, you need to click on the page first. Then, click the Open as page option, which is visible on the top-left corner of the popup menu. Following that, click the Share button and toggle the Share to web button to turn it on. Once you do that, you can find a unique URL on your screen. You need to copy this URL and share it with anybody you want.
That’s all! If you like, you can visit embednotion.com.