How to Embed Notion in WordPress: Plugin & Code Methods

Overview

WordPress powers millions of sites, and embedding Notion in WordPress lets you use Notion's editing while publishing on WordPress. This guide covers all methods.

HTML Block Method (Easiest)

Step-by-Step

<iframe 
  src="https://your-workspace.notion.site/Page-abc123"
  style="width: 100%; height: 600px; border: none;"
>
</iframe>

Pros and Cons

ProsCons

SimpleShows Notion branding
No pluginManual updates
Works immediatelyLimited styling

Plugin Options

WP Embed Notion

If available:

Generic Embed Plugins

Using Notion Embed (Recommended)

Notion Embed provides the best WordPress integration:

Benefits

Setup

Example Code

<iframe 
  src="https://notionembed.com/embed/your-embed-id"
  style="width: 100%; min-height: 800px; border: none;"
  loading="lazy"
>
</iframe>

Customization

Responsive Design

<div style="position: relative; width: 100%; padding-bottom: 75%;
  <iframe 
    src="https://notionembed.com/embed/your-id"
    style="position: absolute; width: 100%; height: 100%; border: none;"
  ></iframe>
</div>

Custom CSS

Add to your theme's CSS:

.notion-embed-wrapper {
  max-width: 900px;
  margin: 0 auto;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
}

FAQ

Does this work with all WordPress themes?

Yes, HTML blocks work with any theme.

Will the content update automatically?

Yes, Notion changes appear automatically.

Can I embed in Elementor?

Yes, use Elementor's HTML widget.

Conclusion

Embedding Notion in WordPress is straightforward:

Get clean WordPress embeds →

---

Related: Embed Notion in Website | Notion HTML Code