WebsiteHowTo.org is a free guide for people who want to create their own website. Since we provide this information for free, we need some kind of support for running this site and keeping it up to date. We earn commission if you purchase something through these referral links in our content: www.bluehost.com We love these services, but we recommend you to also read some other reviews, to come to your own conclusion.

How to embed WordPress iframe in multiple ways

Using iframes is one of the easiest ways of sharing content on your website. Whether you are sharing an image or a video, you can use an WordPress iframe solution to easily display it on your website without raising any copyright violations. 

When you are using WordPress and uploading a video or an image on your website, then it will take a lot of space. To avoid using a lot of hosting resources, you can easily use iframes to share the content. You can easily resolve these problems by embedding the content of another website on your posts and the best way to do it is by using iframes. 

To proceed, you better understand what iframe is and how it works. Iframes will allow you to display content from a different website without having any copyright allegations. 

You can use iframes to display a webpage or a video by embedding it on your own website. The iframe is a better choice as compared to any other method of embedding content. If you are monetizing your website, then you can easily set up advertisements using multiple iframes on a single web page. Let’s have a look at how you can embed WordPress iframe in multiple ways. 

Embedding WordPress iframe without a plugin

You don’t need to have a lot of coding knowledge to embed WordPress iframe. If you are embedding iframe without using a plugin, then you will have to use HTML attributes <iframe>. You only need to take the URL of the page that you are about to embed, and use it as a source for the HTML tag. Here is how it will look: 

<iframe src =”webpage_url”>

You can also add parameters to the HTML tag and easily define the window of the iframe by using the following parameters:

Frameborder: You can use values ‘0’ or ‘1’ for displaying and hiding the frameborder. 

Width or Height: You can define values in px for the height and width of the frame. 

For alignment: You can define the iframe window’s alignment by using values ‘left’ ‘right’ ‘top’ and ‘bottom’. 

Scrolling: If you want to disable or enable scrolling inside the window, then use values ‘yes’ or ‘no’. 

After creating an iframe code, you can insert into the default WordPress text editor and it will display your post. Here is how it looks after embedding another webpage in a post on our WordPress site:

<iFrame src = “https://www.bbc.com/“width= “700px” height=”500px” frameborder =”1” scrolling = “yes” align = “left”></iFrame>

This is how it will look on your WordPress website:

YouTube has a built-in embedding feature and you can easily embed YouTube videos to your WordPress posts. You can simply click on the share button and copy the embed code to create an iframe on your website. 

Embedding WordPress iframe using a plugin

There are various iframe plugins that you can use to embed your favorite videos and other content on your website. Moreover, plugins will allow you to multiple editing options and you can explore the settings to find advanced options. Most of the popular embedding plugins work in a similar way. We will be using Advanced iframe WordPress plugin. 

Advanced iframe by Michael Dempfle

It is a very simple and useful WordPress iframe plugin that you can use to create embedded posts. You can use this plugin without going through any hassle. You can use shortcodes to embed a specific web page to your post. 

The easiest and the direct way of using Advanced iframe plugin is by adding a shortcode to your post. When you are creating a post, you will be able to see an option named ‘Add Advanced iframe’. 

After clicking the button, it will generate a shortcode. 

If you want to change the default shortcode, then you can navigate to the Advanced iframe tab in the WordPress dashboard and change the default shortcode settings. 

If you wish to change the default settings, then you will be able to see multiple tabs in the Advanced iframe listing. You can navigate to the basic settings where you can change the default URL, Width, Height, Margins, frameborder, Transparency and much more. 

After making certain changes, you can then click the button named, ‘Generate a shortcode for the current settings’. 

There is also an advanced settings tab that you can check out and use multiple settings for the embedded posts. 

Final Thoughts

There are tons of iframe plugins that you can use to embed content from different websites. Using shortcodes is the easiest method that you can use. Using plugins like Advanced iframe is the easiest way to embed content for the WordPress beginners. If you have been using a certain plugin or method for WordPress iframe which is more suitable, then let us know in the comment section.