How to Embed Notion Pages into your Website

How to Embed Notion Pages into your Website

Here's a quick guide on how EmbedNotion.com can help you embed your Notion pages on your site:
  • Step 2: Paste the URL of your public Notion page
    • Paste notion URL
      Paste notion URL
  • Step 3: Click 'Create' to obtain the iframe link
    • Click create
      Click create
  • Step 4: Copy the iframe
    • copy the iframe
      copy the iframe
  • Step 5: Embed the provided iframe code into your website
 
Ready to start embedding your Notion pages into your website? Try EmbedNotion.com for free

Embedding the Iframe Code into Your Website

Once you've obtained the iframe link from EmbedNotion.com, the next step is to integrate it into your website.
This process varies slightly depending on the platform you're using, but here's how to do it on some of the most popular web platforms:
  • Embed Notion into WordPress:
    • Navigate to the page editor.
    • Click on the '+' icon to add a new block and select 'Custom HTML'.
    • Paste the iframe code into the HTML area.
    • Publish the page to see the Notion page embedded.
  • Embed Notion into Wix:
    • Go to your site editor and add a new section where you want the Notion page.
    • Click the '+' icon, then select 'Embed a Widget'.
    • Paste your iframe link into the HTML area.
    • Adjust the frame size as needed and publish your site.
  • Direct HTML:
    • Open your HTML file with a text editor.
    • Insert the iframe code where you want the Notion page to appear.
    • Save changes and refresh your browser to see the results.
Tips for Optimal Layout and Visibility:
  • Adjust the width and height of the iframe to match the content area of your webpage to maintain a smooth appearance.
  • Consider the placement of your embedded Notion page; it should be easily accessible to your visitors but not interrupt the flow of your site's content.
  • Test the embedded page on different devices to ensure it displays correctly across all screen sizes.
EmbedNotion.com offers a straightforward way to integrate your Notion pages into your website, making your site more interactive.
Try EmbedNotion.com for free!