Can you embed a Notion public page on a Webflow page successfully using notionembed.com?

Published on
September 22, 2023

Yes, you can embed a Notion public page on a Webflow page successfully using notionembed.com. Notion Embed is a third-party tool that allows you to embed Notion pages on external websites, including Webflow.

To embed a Notion public page on a Webflow page using notionembed.com, follow these steps:

  1. Visit the notionembed.com website.
  2. Copy the URL of the Notion public page you want to embed.
  3. Paste the URL into the "Notion Page URL" field on notionembed.com.
  4. Adjust the embed options based on your preferences. You can customize the height, width, and background color of the embedded Notion page.
  5. Click on the "Copy Embed Code" button.
  6. Navigate to your Webflow project and open the page where you want to embed the Notion page.
  7. Add an Embed element to the desired location on your Webflow page.
  8. Click on the settings of the Embed element and select "Open Code Editor."
  9. In the Code Editor, paste the embed code you copied from notionembed.com.
  10. Close the Code Editor and save your changes.
  11. Publish your Webflow project to make the embedded Notion page visible on your Webflow page.

The embedded Notion page should now be successfully displayed on your Webflow page, allowing visitors to view the content of the Notion public page without leaving your website.

Remember to ensure that the Notion page you want to embed is publicly accessible. If the Notion page is private or requires login credentials, it may not be possible to embed it on your Webflow page using notionembed.com.

Additionally, note that notionembed.com is a third-party tool, and its functionality may be subject to changes or limitations. Always double-check the compatibility and reliability of third-party tools before implementing them on your website.

In summary, here are the steps to embed a Notion public page on a Webflow page using notionembed.com:

  1. Obtain the URL of the Notion public page you want to embed.
  2. Go to notionembed.com.
  3. Paste the URL into the "Notion Page URL" field on notionembed.com.
  4. Customize the embed options if desired.
  5. Copy the embed code.
  6. Add an Embed element to your Webflow page.
  7. Open the Embed element settings and select "Open Code Editor."
  8. Paste the embed code into the Code Editor.
  9. Save your changes and publish your Webflow project.

Potential SEO-friendly questions users may search for:

  1. How do I embed a Notion public page on Webflow using notionembed.com?
  2. Can I display a Notion page on my Webflow website?
  3. What is the process to embed a Notion public page on Webflow using notionembed.com?