Skip to content
GPLWP Guides

How to embed external content in WordPress

Developer Tools Time About 15 minutes Updated 23 Sep 2026

DEVELOPER TOOLS
The short answer

WordPress can embed many services by pasting their URL into an Embed block. For an external page, form, app or other source, add an iframe through Custom HTML, provided the source allows framing; for repeated or responsive embeds, a dedicated iframe plugin is faster.

What you need

  • A WordPress site with editor access
  • The external content URL or official embed code
  • Permission from the external service to embed its content
The fast route

Let Advanced iFrame Pro do it

Responsive iframe embedding with element controls, lazy loading, source restrictions, and shortcode support for third-party content.

Get Advanced iFrame Pro

Sources

  1. wordpress.org /documentation/article/custom-html/?utm_source=openai
  2. developer.mozilla.org /en-US/docs/Web/HTTP/Reference/Headers/Content-Security-Poli…
  3. developer.mozilla.org /en-US/docs/Web/Security/Defenses/Same-origin_policy?utm_sou…

Questions

Can WordPress embed any external website?
No. WordPress can embed supported services and can display some other pages through an iframe, but the external site must allow framing. Sites can block iframe display with X-Frame-Options or a Content Security Policy frame-ancestors rule. If the source blocks framing, use its official embed method or link to it instead.
Why does my iframe disappear after I save the page?
The iframe may be removed because your WordPress user does not have permission to use unfiltered HTML. WordPress sanitises disallowed markup for users without that capability, and iframe tags can be stripped from a Custom HTML block. Ask an administrator to add the code or use a controlled embed plugin with suitable permissions.
Why is the iframe blank even though the URL works in a browser?
A page that works in its own browser tab may still refuse to load inside an iframe. Check the browser console and response headers for X-Frame-Options or Content Security Policy frame-ancestors, then confirm that you are using the provider's embed URL. These restrictions are enforced by the browser and cannot be fixed with WordPress HTML alone.
Can I change the design of content inside an iframe?
Usually not when the iframe loads content from another domain. Browser same-origin rules prevent the parent WordPress page from freely reading or changing a cross-origin frame's HTML and CSS. Use the provider's appearance settings, an official API, or an integration that exposes styling controls instead of trying to inject CSS into the frame.
What is the fastest way to add several external iframes?
Use an iframe plugin when you need the same type of external content in several places or need responsive sizing, lazy loading, source controls and shortcodes. Advanced iFrame Pro is suited to that workflow. For one simple supported service, WordPress's native Embed block is still faster because it needs no extra plugin.