{"id":29527,"date":"2021-02-17T16:57:56","date_gmt":"2021-02-17T11:12:56","guid":{"rendered":"https:\/\/rarathemes.com\/blog\/?p=29527"},"modified":"2021-12-31T10:01:36","modified_gmt":"2021-12-31T04:16:36","slug":"wordpress-iframes","status":"publish","type":"post","link":"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/","title":{"rendered":"How to Use iFrames With WordPress?"},"content":{"rendered":"\n<p>If you have a website and you&#8217;re about to share content that&#8217;s not yours, wait and think for a second.&nbsp;<\/p>\n\n\n\n<p>Sharing others\u2019 content is dangerous as it can have legal ramifications. Not to mention, uploading heavy files, such as videos, can gulp your precious hosting plan.&nbsp;<\/p>\n\n\n\n<p>So, is there a win-win situation for you, where you can add content without facing these problems?&nbsp;&nbsp;<\/p>\n\n\n\n<p>Yes, the solution is iFrames. Using iFrames, you can easily embed files, videos, and other content on your site. Furthermore, content sharing legal formalities or your server space is no more a concern.<\/p>\n\n\n\n<p>Don\u2019t worry if you don\u2019t know how to use iFrames with WordPress. This guide has three easy methods to help you out.<\/p>\n\n\n\n<p>But first, let\u2019s begin with the introduction:&nbsp;<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#What_is_iFrame\" >What is iFrame?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#Why_Should_You_Use_iFrames\" >Why Should You Use iFrames?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#1_Saving_Your_Storage_and_Bandwidth\" >1. Saving Your Storage and Bandwidth<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#2_Avoiding_Copyright_Issue\" >2. Avoiding Copyright Issue<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#3_Automatic_Synchronization\" >3. Automatic Synchronization<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#How_to_Use_iFrames_with_WordPress\" >How to Use iFrames with WordPress<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#Method_1_Using_the_Embed_Code_From_the_Source_and_Adding_iFrame\" >Method 1: Using the Embed Code From the Source and Adding iFrame<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#Method_2_Using_WordPress_Plugin_to_Use_iFrame\" >Method 2: Using WordPress Plugin to Use iFrame<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#Method_3_Creating_the_iFrame_Code_Manually_and_Embedding_in_WordPress\" >Method 3: Creating the iFrame Code Manually and Embedding in WordPress<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#Special_Note\" >Special Note<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#Conclusion\" >Conclusion&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#Frequently_Asked_Questions\" >Frequently Asked Questions<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#Q_How_to_embed_iFrame_video_in_WordPress\" >Q. How to embed iFrame video in WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/rarathemes.com\/blog\/wordpress-iframes\/#Q_Why_should_you_not_use_iFrames\" >Q. Why should you not use iFrames?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_is_iFrame\"><\/span>What is iFrame?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>An iFrame is an easier way to embed videos and content of one website to another website. The video and content don\u2019t need to belong to you to display on your site. You don\u2019t even need to upload the files and videos on your site. Such a feature saves storage space on your server and keeps you far away from copyright infringement.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Why_Should_You_Use_iFrames\"><\/span>Why Should You Use iFrames?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>There are two main reasons to use iFrames. They are:&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Saving_Your_Storage_and_Bandwidth\"><\/span>1. Saving Your Storage and Bandwidth<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Every<a href=\"https:\/\/rarathemes.com\/blog\/best-wordpress-hosting\/\" class=\"rank-math-link\"> hosting provider<\/a> sets a limit on the number of resources and storage you can use for your site. When you upload a video, audio, or larger files, you are exhausting your resources unnecessarily.&nbsp;<\/p>\n\n\n\n<p>When you use iFrames, you can display videos and content from other sites without hosting the files on your WordPress Media Library. Such a feature saves your resources and also maintains a steady performance.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Avoiding_Copyright_Issue\"><\/span>2. Avoiding Copyright Issue<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Another advantage of using iFrames is it helps you avoid violation of copyrighted content. Instead of downloading others\u2019 videos\/files and uploading them on your site, you are merely displaying it using iFrames. Using iFrames is a more ethical and easy method of sharing content.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Automatic_Synchronization\"><\/span>3. Automatic Synchronization<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The above two are the main advantages of using iFrames. However, we don\u2019t want to miss out on this important feature as well. Whenever there is an edit in the original videos or content, the iframe automatically detects it. Then, it makes changes to your site accordingly. An easy way to update the content, we must say.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_Use_iFrames_with_WordPress\"><\/span>How to Use iFrames with WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Here are the three easy methods to use iFrames with WordPress:&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Method_1_Using_the_Embed_Code_From_the_Source_and_Adding_iFrame\"><\/span>Method 1: Using the Embed Code From the Source and Adding iFrame<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Many larger sites such as YouTube and Facebook have embed options for their content. You will get an instant iFrame code that you need to add to your website.&nbsp;<\/p>\n\n\n\n<p>Here are the steps to use iFrame using the embed code:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to the source from where you want to take the content.&nbsp;<\/li><\/ul>\n\n\n\n<p>Here is an example of a copying embed code of a video from YouTube:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to a video you would like to embed from Youtube.<\/li><li>Click on the \u2018Share\u2019 button below the video.&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"498\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/go-to-the-video-on-YouTube-and-click-on-share-option.png\" alt=\"go to the video on YouTube and click on share option\" class=\"wp-image-29528\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/go-to-the-video-on-YouTube-and-click-on-share-option.png 730w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/go-to-the-video-on-YouTube-and-click-on-share-option-300x205.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/go-to-the-video-on-YouTube-and-click-on-share-option-88x60.png 88w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>A screen pops up with many options. Click on the \u2018Embed\u2019 option.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"729\" height=\"452\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/embed-option-on-the-video-from-YouTube.png\" alt=\"embed option on the video from YouTube\" class=\"wp-image-29529\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/embed-option-on-the-video-from-YouTube.png 729w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/embed-option-on-the-video-from-YouTube-300x186.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/embed-option-on-the-video-from-YouTube-97x60.png 97w\" sizes=\"auto, (max-width: 729px) 100vw, 729px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>YouTube shows you the embed code for that video. Copy it.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"729\" height=\"247\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/copy-the-embed-code-for-the-video.png\" alt=\"copy the embed code for the video\" class=\"wp-image-29530\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/copy-the-embed-code-for-the-video.png 729w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/copy-the-embed-code-for-the-video-300x102.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/copy-the-embed-code-for-the-video-177x60.png 177w\" sizes=\"auto, (max-width: 729px) 100vw, 729px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>We also recommend selecting the \u2018Show player controls\u2019 and \u2018Enable privacy-enhanced mode\u2019 options at the bottom.&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"269\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/enabling-the-privacy-enhanced-mode.png\" alt=\"enabling the privacy-enhanced mode\" class=\"wp-image-29531\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/enabling-the-privacy-enhanced-mode.png 730w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/enabling-the-privacy-enhanced-mode-300x111.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/enabling-the-privacy-enhanced-mode-163x60.png 163w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<p>You can now paste the code you just copied on your post. For that:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to your <a href=\"https:\/\/rarathemes.com\/blog\/getting-started-wordpress-admin-dashboard\/\">WordPress dashboard<\/a>.&nbsp;<\/li><li>Go to the \u2018Pages\u2019 option and click on the \u2018Add New\u2019 option. You can choose to add the code on the existing page\/post as well.&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"308\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-the-pages-option-on-your-dashboard.png\" alt=\"Go to the pages option on your dashboard\" class=\"wp-image-29532\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-the-pages-option-on-your-dashboard.png 730w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-the-pages-option-on-your-dashboard-300x127.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/Go-to-the-pages-option-on-your-dashboard-142x60.png 142w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Add an HTML block on your page.&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"327\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-an-HTML-block-on-the-page.png\" alt=\"add an HTML block on the page\" class=\"wp-image-29533\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-an-HTML-block-on-the-page.png 730w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-an-HTML-block-on-the-page-300x134.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-an-HTML-block-on-the-page-134x60.png 134w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Now, paste the embed code you copied earlier on this block.&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"347\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/paste-the-embed-code-on-the-HTML-block.png\" alt=\"paste the embed code on the HTML block\" class=\"wp-image-29534\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/paste-the-embed-code-on-the-HTML-block.png 730w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/paste-the-embed-code-on-the-HTML-block-300x143.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/paste-the-embed-code-on-the-HTML-block-126x60.png 126w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>You can then preview the changes. Check if the embed worked adequately.&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"391\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/preview-the-embeded-video-on-your-site.png\" alt=\"preview the embeded video on your site\" class=\"wp-image-29535\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/preview-the-embeded-video-on-your-site.png 730w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/preview-the-embeded-video-on-your-site-300x161.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/preview-the-embeded-video-on-your-site-112x60.png 112w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<p><strong>NOTE: <\/strong>If you are using a classic editor on WordPress, you can paste the embed code on the \u201cText\u201d view option. However, switching the views between \u201cVisual\u201d and \u201cText\u201d can cause issues with the embedded iFrame code.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Method_2_Using_WordPress_Plugin_to_Use_iFrame\"><\/span>Method 2: Using WordPress Plugin to Use iFrame<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The first method allows you to embed content only from those sites that provide the embed code. However, by using this second method, you can use iFrame and embed content from any source. We recommend using the <a href=\"https:\/\/wordpress.org\/plugins\/iframe\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener nofollow\" class=\"rank-math-link\">iFrame plugin<\/a> for this.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to your WordPress dashboard.&nbsp;<\/li><li>Navigate to the \u2018Plugins\u2019 option on the left side panel.<\/li><li>Click on the \u2018Add New\u2019 option.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"379\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-new-plugin-on-WordPress.png\" alt=\"add new plugin on WordPress\" class=\"wp-image-29536\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-new-plugin-on-WordPress.png 730w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-new-plugin-on-WordPress-300x156.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-new-plugin-on-WordPress-116x60.png 116w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Search for iframe plugin, install and activate it.&nbsp;<\/li><li>After activation, you can use the plugin without any extra setup.&nbsp;<\/li><li>Go to a post\/page or create one.&nbsp;<\/li><li>Add a shortcode block on the editor.&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"729\" height=\"341\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/Adding-a-shortcode-block-on-the-editor.png\" alt=\"Adding a shortcode block on the editor\" class=\"wp-image-29537\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/Adding-a-shortcode-block-on-the-editor.png 729w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/Adding-a-shortcode-block-on-the-editor-300x140.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/Adding-a-shortcode-block-on-the-editor-128x60.png 128w\" sizes=\"auto, (max-width: 729px) 100vw, 729px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Write the following shortcode to embed your iFrame code.<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;iframe src=\"URL\"]<\/code><\/pre>\n\n\n\n<p>Here, you need to paste the URL of the content you want to embed on your site. We will show the example of embedding a Google map.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"406\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-using-iFrame-plugin-to-embed-content.png\" alt=\"example of using iFrame plugin to embed content\" class=\"wp-image-29538\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-using-iFrame-plugin-to-embed-content.png 730w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-using-iFrame-plugin-to-embed-content-300x167.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-using-iFrame-plugin-to-embed-content-108x60.png 108w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>You can save or preview the changes. It will look something like this:&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"336\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-embedding-Google-map-using-the-iFrame-plugin.png\" alt=\"example of embedding Google map using the iFrame plugin\" class=\"wp-image-29539\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-embedding-Google-map-using-the-iFrame-plugin.png 730w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-embedding-Google-map-using-the-iFrame-plugin-300x138.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-embedding-Google-map-using-the-iFrame-plugin-130x60.png 130w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<p><strong>NOTE: <\/strong>Copying the URL might not do the trick sometimes. In that case, copy the embed code from the source. Only copy the URL from that code and delete the rest.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Method_3_Creating_the_iFrame_Code_Manually_and_Embedding_in_WordPress\"><\/span>Method 3: Creating the iFrame Code Manually and Embedding in WordPress<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you don\u2019t want to use the iFrame plugin, you can manually create the iFrame code as follows:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to your WordPress dashboard.&nbsp;<\/li><li>Go to a post\/page or create one.&nbsp;<\/li><li>Add an \u2018HTML\u2019 block to the editor.&nbsp;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"327\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-an-HTML-block-on-the-page.png\" alt=\"add an HTML block on the page\" class=\"wp-image-29533\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-an-HTML-block-on-the-page.png 730w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-an-HTML-block-on-the-page-300x134.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/add-an-HTML-block-on-the-page-134x60.png 134w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Copy and paste the following code.<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;iframe src=\"URL\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Replace the \u201cURL\u201d section with the direct URL of the content you want to embed on your site.&nbsp;<\/li><\/ul>\n\n\n\n<p>Here is an example of embedding a Google map:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"729\" height=\"375\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-embedding-Google-map-manually.png\" alt=\"example of embedding Google map manually\" class=\"wp-image-29540\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-embedding-Google-map-manually.png 729w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-embedding-Google-map-manually-300x154.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/example-of-embedding-Google-map-manually-117x60.png 117w\" sizes=\"auto, (max-width: 729px) 100vw, 729px\" \/><\/figure>\n\n\n\n<p>After previewing, it will look something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"730\" height=\"497\" src=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/preview-of-embedding-Google-map-manually.png\" alt=\"preview of embedding Google map manually\" class=\"wp-image-29541\" srcset=\"https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/preview-of-embedding-Google-map-manually.png 730w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/preview-of-embedding-Google-map-manually-300x204.png 300w, https:\/\/rarathemes.com\/blog\/wp-content\/uploads\/2021\/02\/preview-of-embedding-Google-map-manually-88x60.png 88w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Special_Note\"><\/span>Special Note<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In the second and third methods, you can also set the parameters to adjust the size of the iFrame on your site. For example, you can set the height, width, and more.&nbsp;<\/p>\n\n\n\n<p>Here are some commonly used parameters:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Width: <\/strong>Using the width parameter allows you to set a defined width for your iFrame in pixels.&nbsp;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Height:<\/strong> Using the height parameter, you can adjust the iFrame window\u2019s height on your site in pixels.<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Allow:<\/strong> Using the \u2018Allow\u2019 parameter, you can set certain behavior as default for your iFrame. Some common behaviors are the full-screen view and payment processing.&nbsp;<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Importance: <\/strong>Using this parameter allows you to specify when should the iFrame load.&nbsp;<\/li><\/ul>\n\n\n\n<p><strong>For example:&nbsp;<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;iframe src=\"URL\u201d width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0;\"\u201d]<\/code><\/pre>\n\n\n\n<p>Or,<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;iframe src=\"URL\" width=\"900\" height=\"700\" allow=\"fullscreen\"&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Keeping your website attractive and user-friendly helps to grow your online career. However, it would be best if you abode by the rules and regulations of running a site, primarily copyright law. Using iFrames with WordPress is an efficient way to do that.&nbsp;<\/p>\n\n\n\n<p>iFrames let you embed videos and other content while keeping you inside the boundary of the website regulations. By using iFrame, you are ethically presenting others\u2019 content. Also, you are saving up your server\u2019s storage and bandwidth.&nbsp;<\/p>\n\n\n\n<p>In this article, we have looked at three easy ways to use iframes with WordPress. Let us know if it was helpful.<\/p>\n\n\n\n<p>You might also want to check out how to <a href=\"https:\/\/rarathemes.com\/blog\/resolve-wordpress-memory-limit-error\/\">resolve the WordPress Memory Limit Error<\/a>. It will help you allocate more memory to your WordPress and prevent any memory related errors.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Frequently_Asked_Questions\"><\/span>Frequently Asked Questions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1613022695559\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Q_How_to_embed_iFrame_video_in_WordPress\"><\/span>Q. How to embed iFrame video in WordPress?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>You can embed iFrame <a href=\"https:\/\/rarathemes.com\/blog\/best-wordpress-video-themes\/\">video in WordPress<\/a> in two simple ways:<\/p>\n<p>\u2022 Add an HTML block to your editor.<br \/>\u2022 Copy the embed video link from the source and paste it into the HTML block of your WordPress.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1613022760321\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Q_Why_should_you_not_use_iFrames\"><\/span>Q. Why should you not use iFrames?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>As there are advantages of using iFrames, there are some reasons that might hold you back from using it. Some of the common drawbacks of iFrames are:\u00a0<\/p>\n<p>\u2022 Not all websites allow you to put their content in iFrames.<br \/>\u2022 The iFrame you embed may not fit on your screen. Thus, you need to adjust the size manually.\u00a0<br \/>\u2022 HTTPS sites can use iFrame for content only from other HTTPS sites. Likewise, HTTP sites can use iFrame for content only from other HTTP sites.\u00a0<br \/>\u2022 Using iFrames makes your site vulnerable to cross-site attacks and malwares.\u00a0<br \/>\u2022 Using iFrames can cause usability issues.<br \/>\u2022 Using iFrames may cause SEO problems.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>If you have a website and you&#8217;re about to share content that&#8217;s not yours, wait and think for a second.&nbsp; Sharing others\u2019 content is dangerous as it can have legal &hellip; <\/p>\n","protected":false},"author":15,"featured_media":29545,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_be_single_description":"","_be_image_uploader":0,"_be_meta_button_label":"","_be_meta_button_url":"","_be_meta_button_newtab":false,"_be_meta_rel_attribute":"","footnotes":""},"categories":[3],"tags":[],"class_list":["post-29527","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","latest_post"],"_links":{"self":[{"href":"https:\/\/rarathemes.com\/blog\/wp-json\/wp\/v2\/posts\/29527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rarathemes.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rarathemes.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rarathemes.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/rarathemes.com\/blog\/wp-json\/wp\/v2\/comments?post=29527"}],"version-history":[{"count":0,"href":"https:\/\/rarathemes.com\/blog\/wp-json\/wp\/v2\/posts\/29527\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rarathemes.com\/blog\/wp-json\/wp\/v2\/media\/29545"}],"wp:attachment":[{"href":"https:\/\/rarathemes.com\/blog\/wp-json\/wp\/v2\/media?parent=29527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rarathemes.com\/blog\/wp-json\/wp\/v2\/categories?post=29527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rarathemes.com\/blog\/wp-json\/wp\/v2\/tags?post=29527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}