Embed Websites in Elementor
Guide for embedding any external website or URL in Elementor using the Custom iFrame WordPress plugin. No coding required.
Overview
Custom iFrame lets you embed any external website in Elementor by pasting a URL into the widget. Display dashboards, landing pages, web apps, or any publicly accessible URL directly on your WordPress page.
Custom iFrame is a WordPress plugin by CoderzStudio that embeds 100+ external sources in Elementor and Gutenberg without writing any code.
Using Gutenberg instead? Follow the Embed Websites in Gutenberg guide.
Requirements
- Custom iFrame plugin installed and active
- Elementor installed
- A publicly accessible URL to embed
Some websites block embedding via their security headers. If a site does not load, it has set X-Frame-Options or Content-Security-Policy headers that prevent iFrame display. See Embed Blocked or Refused for details.
How to Embed a Website in Elementor
Copy the website URL
Copy the full URL of the page you want to embed. Make sure the page is publicly accessible.
Open your page in Elementor
Go to the page where you want the embed. Click Edit with Elementor.
Add the Custom iFrame widget
Search for Custom iFrame in the Elementor widget panel. Drag the widget into your layout.
Paste the URL and publish
In the Content tab, paste the URL into the Source URL field. Set Height to match the content. Click Update or Publish.
Click Update or Publish. The external website is now embedded on your WordPress page.
Website Embed Guide
Also in Gutenberg
Website embedding is also supported in the WordPress block editor.
See Embed Websites in Gutenberg for the Gutenberg guide.
Related Guides
Last updated today
Built with Documentation.AI