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.

$1 Domain Names – Register yours today!
  • Simple registration
  • Premium TLDs at great prices
  • 24/7 personal consultant included
  • Free privacy protection for eligible domains

What are iframes and what are their advantages?

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.

Tip

Your domain just the way you like it! Register your desired domain with IONOS and benefit from easy setup, security features, and a 24/7 service that answers all your questions quickly.

What are WordPress iframes used for?

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.

Tip

Faster, simpler, and more secure. With WordPress Hosting from IONOS, you get to select the plan that suits your project while gaining access to numerous useful features – from databases with SSD technology to 360 Gbit/s fiber optic connection to three free domains. Find the hosting that’s right for you!

Select parameters and embed media

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.

Embedding iframes in WordPress manually

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:

<iframe  src="example.org"></iframe>

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

<iframe  src="example.org" width="900" height="800"></iframe>

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

Use embed codes for iframes

Not all platforms will let you manually add iframes to WordPress. But that doesn’t mean you need to forgo the content of these pages. Instead, some sites make embedding particularly easy. YouTube, for example, has a share button which can be found underneath the respective video.

When you click the button, a new window launches with various options. On the left you will find the “Embed” button.

When you select this option, you can either copy a HTML snippet or the source URL. You then incorporate this into iframe on your WordPress page.

Instagram solves this challenge in a similar manner. You’ll find the required information at the top right by clicking the three dots.

Click on it and a new window will appear with the “Embed” option.

Proceed as described above.

WordPress Hosting
Your WordPress, easier and simpler, with AI
  • Create & customize your site with AI tools made for everyone
  • 3x faster: SSD, caching & more
  • Daily security scans, DDoS protection & 99.98% uptime

Using iframe plugins for WordPress

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.

Favored iframe plugins include:

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

Summary: iframes relieve storage load on websites while embedding media perfectly

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.

Tip

Learn all you need to know about WordPress themes in our Digital Guide! Explore the best WordPress plugins and find out how to create WordPress child themes or check out valuable tips on using the WordPress theme and plugin editors.

Was this article helpful?
We use cookies on our website to provide you with the best possible user experience. By continuing to use our website or services, you agree to their use. More Information.
Page top