Guides How to Embed Notion Pages in Any Website

Here, you will find information about NotionHero Embeds and how to embed any Notion page on websites or webpages easily. If you want to embed your Notion page on your website, you probably already realized that Notion doesn't allow this, and you would need to use NotionHero to create a wrapper page around your Notion page. NotionHero works like a "proxy":

  • You create a public URL for your Notion page.
  • Add it in NotionHero.
  • NotionHero downloads and renders your page.
  • You get a tiny snippet of HTML code that you can include in your webpage.

Here is how you can create Notion Embeds in 30 seconds. Start your stopwatch:

  • Sign up for NotionHero here.
  • Go to the Dashboard -> Embeds -> Add New or click here to access the add page directly.
  • Prepare a public link for your notion page.
    • Create new Notion page with a table or database
  • Enter URL into the form, and click Save.
  • Copy iframe code and paste it into your page.

Your iframe code will look something like the following ( this url does not work ):

<iframe width="100%" height="100%" src="https://e.notionhero.io/e1/p/3e5960c-241ebc5b1ebd86k3c3t3h6208ed5b0"></iframe>

Copy and paste this code into your page. To adapt to your design, you can adjust height and width with `50%` or `50px` values.

With NotionHero Embeds you can achieve a lot:

  • Embeding Notion Page in website builders like Wordpress, Ghost, Wix, SquareSpace, Webflow, Weebly, Drupal.
  • You can include Notion Page in your Shopify store.
  • Add the Notion page to your paywalled website without revealing the actual link.
  • Include Notion Pages in other Notion Pages.
  • And lastly, you can include multiple Notion Pages into one single page. Sweet.

Summary

NotionHero Embeds offers a quick and simple nocode way of embedding Notion pages in websites or other Notion pages. In just 30 seconds, convert your public Notion Page into a small HTML iframe code ready to be included in the website or website builder.

If you have any further questions about NotionHero or NotionHero Embeds feel free to click the chat icon in the bottom right or email us at hello@notionhero.io