How to embed iframe code in WordPress in 3 simple ways

Tra­di­tion­ally, 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 ad­vant­ages to this approach. Find out how iframes work, what their ad­vant­ages 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 func­tion­al on your website while being stored on the source page. This means you are not using your own storage space. The approach is par­tic­u­larly 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 stream­able 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 dis­creetly link to your social media channels. A smart and thought-out in­ter­ac­tion of your various online channels leaves a pro­fes­sion­al im­pres­sion 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 stip­u­la­tions 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 para­met­ers. 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 ad­just­ments 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 ap­pro­pri­ate code into the editor. This code looks like this:

If you wish to adjust the para­met­ers above, enter the cor­res­pond­ing 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 cer­ti­fic­ate and therefore also HTTPS, but the source page does not, the embed will not work

Proceed as described above.

Al­tern­at­ively, 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 para­met­ers 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 com­pat­ible with your current WordPress version.

iframes are a good solution for adding high-quality content or your own media to WordPress while saving storage ca­pa­cit­ies. The three embed options above do not require technical know-how. The most important thing is to select para­met­ers to fit external media or­gan­ic­ally to your WordPress theme without dis­pla­cing other elements.