Want to embed an external web page in WordPress? Maybe a form, a tool, or just a page from another site?
Good news — you’ve got options. The easiest way is to use a plugin (no code, no chaos). But if you’re comfortable with a little HTML, the manual method works too.
In this post, we’ll walk you through both — with quick steps, simple tools, and yes, a smart little plugin from us that makes it even smoother.
Two Ways to Embed External Web Page in WordPress
When it comes to embedding an external web page in WordPress, you’ve got two main options:
The Easy Way – Use a Plugin
This is the no-stress method. Just install a plugin, paste the link or iframe code, tweak a few settings, and you’re done. No coding, no broken layouts. Perfect for beginners or anyone who values their time (aka all of us).
The Manual Way – Use an iFrame
If you’re comfortable with a bit of HTML, you can manually embed an external page using an <iframe> tag. It works, but it can get tricky — especially with mobile responsiveness, sizing, or if the site you’re embedding has restrictions. It’s not rocket science, but it’s not always smooth sailing either.
Embed External Web Page With Plugins
Plugins make embedding external web pages in WordPress a walk in the park. No messy code, just plug and play. Here are a few solid options — starting with one we know very well:
1. Custom iFrame by Coderz Studio
Need flexibility? Control? A plugin that doesn’t freak out when you embed something a little weird?
Our Custom iFrame plugin lets you embed any external web page easily.
You can customize height, width, borders, and even set scrolling behavior. Whether it’s a form, a third-party app, or a live page — it just works.
We’ve made easy guides for embedding popular platforms. You embed external web page in WordPress like LinkedIn, X (Twitter), Instagram, YouTube, Spotify, Google Maps, Google Slides, and more. This way, you’re never left guessing.
2. EmbedPress (Good for Gutenberg users)
EmbedPress is a popular plugin. It lets you embed content from over 100 platforms. These include YouTube, Google Maps, forms, and documents.
If you use Gutenberg, check it out! You can paste a URL or embed code, and it handles the rest — no extra steps.
It also supports Elementor. This adds flexibility for users of the Elementor editor.
3. Advance iFrame
Advanced iFrame is a powerful plugin with lots of features. You can resize the iframe automatically, pass URL parameters, and even hide parts of the embedded page.
It’s great for advanced use cases where you need full control. But for beginners, it might feel a bit too technical.
If you just want a simple, clean way to embed pages, something like Custom iFrame could be easier to use — with just the options you actually need.
4. iFrame by Webvitaly
This iFrame by Webvitaly plugin is very lightweight and easy to use. It lets you embed content using a simple iframe short code.
You just drop in the URL and define the size — that’s it. No extra settings, no complicated setup. It’s a good pick for quick tasks or when you want to keep your site lean.
However, it doesn’t offer styling options, mobile responsiveness tweaks, or visual editing. But for some users, the simplicity is exactly what they want.
Embed with the Manual Method
If you’re comfortable with a little HTML, you can embed an external web page manually using the classic <iframe> tag. It’s not as slick as using a plugin, but it works — especially for basic embeds.
Here’s how to do it:
- Go to your WordPress page or post editor.
You can use either the Classic Editor or the Code/HTML block in Gutenberg. - Switch to the HTML view.
In Gutenberg, add a “Custom HTML” block. In the Classic Editor, click the “Text” tab. - Paste this iframe code:
<iframe src="https://example.com" width="100%" height="600" style="border:none;"></iframe>- Replace
https://example.comwith the URL of the page you want to embed. - Adjust the width and height as needed. You can also customize styles like borders or scrolling if needed.
Keep in mind:
- Not all websites allow embedding. Some block iframes for security or privacy reasons.
- You may run into responsiveness issues on mobile devices unless you add custom CSS.
- There’s no built-in preview unless you switch to the front-end view.
If you need more control or want something easier to manage visually, a plugin like Custom iFrame and EmbedPress can save you a lot of time — no code required.
That’s a Wrap — Your Turn! 🎯
And just like that, you’ve got options to embed external web page in WordPress — the plugin way or the manual way. Easy, right?
If you’re using Elementor and want something quick, clean, and actually built for this stuff — our Custom iFrame plugin might be your new favorite sidekick.
Built by folks who’ve fought the same embed battles as you (yes, even the weird ones where a Google Map refuses to behave 😅). Plus, we’re adding Gutenberg support soon, so stay tuned!
Now we’re curious…
What kind of stuff are you trying to embed?
A video? A playlist? A Google Slide? Something totally random?
Tell us in the comments — we’d love to hear what you’re building (or breaking). 💬
