Notion has implemented a same-origin restriction, thus prohibiting iFrames on any other domain.
However, you can use an external solution to create an embeddable site for your Notion page that will allow cross-origin requests.
You can add a Notion page as an App using Super (super.so). Super allows you to create a website from a Notion page which enables you to embed it into Copilot.
Many users add Notion pages as welcome pages for their clients to help with onboarding and an overview of how to use the portal as in the example above.
How to create and embed a Notion site using Super and Copilot
1. Create your page in Notion and turn on Share to web:
2. Copy the web link and paste into Super when creating a new site:
3. Publish the Super site and copy the link (ending in super.site):
4. Go to App Setup in Copilot Dashboard and click Add new in the upper-right corner.
5. Scroll to Don't see your App? and click Add.
6. Name your App, choose an icon, and choose the setup type. To connect to all clients, choose automatic. To connect to specific clients only, choose manual.
7. For automatic Apps, paste the super.site link into the content box and click Add. For manual Apps, click Add and then paste the link into the content box for each client or company you want to allow access.
That's it! For more instructions, you can find Super's documentation here.
If you're just getting started with Notion, you can view their guide here.
If you'd like to preview what this looks like in the client experience, we have Notion pages embedded in all of our demo portals on copilot.com. You can find the example used in this article by clicking here and clicking Create client account in a demo portal.
<%= heading %>