How to embed iframe code in WordPress in 3 simple ways

Traditionally, when you wanted to embed large files such as images, maps, calendars, or embed videos in your website, plenty of storage capacity was required which in turn decreased the page loading speed. With a WordPress iframe, you can display content on your page without hosting it in your media library. There are plenty of advantages to this approach. Find out how iframes work, what their advantages are, and how you can use iframes on your WordPress site with plugins or manually.

iframes let you embed third-party content or content hosted on other platforms on your website. Usually, only a HTML tag and the address of the source page are required for this. The main advantage of an iframe is that embedded media are displayed and are fully functional on your website while being stored on the source page. This means you are not using your own storage space. The approach is particularly useful when embedding large files, such as videos or calendars into WordPress. Since the files are not hosted on your page, your website won’t slow down.

With WordPress you use iframes when you plan on adding your own content but don’t want to use up too much disk space. A good example would be embedding a brand video about your company. You can upload it to your YouTube channel and embed it with an iframe in your WordPress website. This way, the storage load lies with YouTube, but the movie is still fully streamable on your site.

You can add images or other large media in this way. Another advantage of embedding iframes is that they allow you to discreetly link to your social media channels. A smart and thought-out interaction of your various online channels leaves a professional impression with clients and ensures that your customers or website visitors can network with you more easily.

WordPress iframes are an optimal solution when you want to include third-party content. Copyright stipulations tend to apply when adding other people’s content, but when embedding media from external sources via iframes to your WordPress site, you are on the safe side.

When embedding media in WordPress with iframe, you change various parameters. These ensure that a video neither covers all of your page nor looks too small. You can also decide when media should load. Width and height adjustments are similarly important to properly showcase your videos while fitting well with the design of your website. You may want to include or exclude other options such as full screen mode when adding external media to WordPress via iframe.

You have several options to add iframes to WordPress. The manual option involves simply pasting the appropriate code into the editor. This code looks like this:

If you wish to adjust the parameters above, enter the corresponding values behind them. For example:

However, it is only possible to embed web pages using the same Hypertext Transfer Protocol (HTTP). So if your website uses a SSL certificate and therefore also HTTPS, but the source page does not, the embed will not work

Proceed as described above.

Alternatively, you can embed content using an iframe plugin on WordPress. This works very similar to the manual approach, but creates a shortcode instead of the HTML tag. The setup is quick and easy. Simply activate the desired iframe plugin and get started right away. Set various parameters and ensure that the video, the map, or the calendar is optimally inserted into WordPress.

Favoured iframe plugins include:

• Advanced iFrame (available as a paid Pro version)
• Simple Iframe
• Include Me

When selecting an iframe plugin, ensure it is tested and compatible with your current WordPress version.

iframes are a good solution for adding high-quality content or your own media to WordPress while saving storage capacities. The three embed options above do not require technical know-how. The most important thing is to select parameters to fit external media organically to your WordPress theme without displacing other elements.