How to embed a WordPress iFrame with and without a plugin

How to embed a WordPress iFrame with and without a plugin

Sharing or featuring other creators’ content on your side can have legal difficulties.

This is where embedding an iframe code comes to offer a simple solution.

If you have a WordPress website that is focused on media, then it is essential that the content you want to provide to your audience is relevant and is going to reach them.

Here we need to be aware of our hosting space and not consume it entirely.

This article created by our team at wpDataTables, the #1 plugin for tables and charts, helps you to understand how you can use a WordPress iFrame, what it is, and how can you embed it on your site.

What is a WordPress iFrame?

By using a WordPress iFrame, you can embed a web page in the content of another one. This is done by using classic HTML tags that contain the external page link. Other specifications like how the Window appears can also be added in the custom HTML block.

This means that you can have a dynamic page on your site without hosting the content on the server. This saves a lot of space and makes your website move faster for your users.

At the same time, if you embed and not download, let’s say a video, the videos can appear on your site.

Users can watch the videos without any extra load on your serves. This is smart because the videos that are being streamed come directly from the source’s server.

You can use iFrames on almost any website or web page, and we are already starting to understand why. By using iFrames, many site owners create a medium that helps display the content or web pages from other sources. You can do all of this without being worried that you need any copyright permissions.

If you use iFrames, you can also show the content on your site without the need to host it in the WordPress Media Library.

Why is this important?

The answer is quite simple, all media files have taken up a significant amount of the storage space, and you could even slow your site down.

Why use a WordPress iFrame?

iFrame helps the website save storage and be faster. There are many users on the web to embed iFrame in WordPress without a plugin. This includes videos, images, other sites, and more. You can even use iFrame to save storage space by embedding content from other serves.

For sure, there are quite a few methods to embed content like using AJAX or HTML5 web elements or others. However, in many cases, iFrame is a better choice. For one, iFrame embedding is being used to cross-domain content. By doing so, a website user can ask the selected resources from a separate website and view it without manipulating the element.

Here are some advantages of using WordPress iFrame:

  • It lets you embed visual content for free
  • You can display multiple ads
  • It is a simple way to view content from external sources without any problems
  • It is secure, and you do not need to access the original content code

Embed iframes in WordPress with a plugin

WordPress iFrame plugins were made to use the HTML iFrame element that was deprecated on WordPress because of security reasons. This lets you customize the iFrame functionality with just some clicks. There is no need for any iFrame code anymore.

The plugins support shortcodes for inserting iFrame. They can be added in any section of the website like footer, widgets, and so on. The iFrame can showcase any other websites easily, and you can customize various attributes of it.

In this following, we are going to see the five best WordPress iFrame plugins:

iFrame

The iFrame plugin is going to offer great results. It has the same features as embedding an iFrame but is generated using a simple shortcode. Here is an example of how to use the shortcode for this WordPress plugin:

[iFrame src="https://www.YouTube.com/embed/fd0k_hbXWcQ" width="100%" height="400"]

Advanced Responsive Video Embedder

This plugin is excellent for those that embed YouTube or Vimeo videos on their WordPress website.

With the help of this plugin, you can bring videos in a responsive and straightforward format to your site.

This WordPress plugin also adds a Video Embed button in the WordPress text editor, and with its help, you can easily embed videos from different websites.

Advanced iFrame

Another useful plugin is the Advanced iFrame plugin. It uses shortcodes and not the regular iFrame attributes and provides a UI to create those shortcodes.

As WordPress removes iFrame tags for security purposes, this plugin is the best. You can begin by installing the plugin, and then you’ll see that using an iFrame gets easier.

Auto iFrame

This is a solution to embed iFrame on a WordPress website. Check it out and take advance of it.

iFrame popup

The iFrame popup WordPress plugin is developed to show a specific web page in a popup window. It uses the URL of the web page to be displayed. Besides that, it also uses the jQuery fancy box extension to reveal the iFrame in a popup.

How to embed iFrame in WordPress without a plugin

To do this, the steps are not complicated at all. All you need to do to embed code for an iFrame is open and close the HTML tags and the URL of the web page that you want to integrate.

An iFrame code looks like this:

<iFramesrc =”your_webpage_url”>

After that, if you want, you can bring more parameters to the tag. Defining the Window of the iFrame can be done using this:

  • Src – The source of the iFrame, this is a URL. If your site has SSL, you need to ensure all iFrames start with https://.
  • Width/Height– For height and Width of the iFrame Window, define values in Px
  • frame border – For displaying or hiding the Frameborder, use values ‘0’ or ‘1.’
  • Align – For determining the Window’s page alignment, Use values “left” “right” “right” “top,” “bottom.”
  • Scrolling – For disabling or enabling Scrolling inside the Window. Use values “yes,” “no” or

There are some limitations that we need to know about the source URL. If you use an iFrame, you can display just content from other sites that use the same Hypertext Transfer Protocols as yours.

So if your website starts with HTTPS, you can embed content from other third-party HTTPS sites. This also applies to sites that use HTTP; they can only embed URLs that contain HTTP.

Ending thoughts on embedding a WordPress iFrame

In conclusion, knowing how to embed an iFrame code is very useful for any WordPress site owner.

This is even more true for somebody that relies on a lot of content to get the attention of its users.

If you enjoyed reading this article on how to embed a WordPress iframe, you should check out this one about how to change fonts in WordPress.

We also wrote about a few related subjects like how to find the page ID in WordPress, how to download the WordPress media library, how to eliminate render-blocking JavaScript and CSS in above-the-fold content, how to stop a DDoS attack and how to hide page title in WordPress.

Up Next:

Stripe vs Braintree - The best payment processor of the two

Stripe vs Braintree - The best payment processor of the two