If you believe the blog is wonderful, let’s share it with your friend. Do you have any questions to ask us? Don’t hesitate to leave your comment below, so we can answer you as soon as possible.
In conclusion, we hope that you are effectively able to add iFrame code to WordPress thanks to the blog today. You can alter the width and the height as you want.įinally, let’s see what we have on the site. In case you want to edit the width or height of the iFrame, you just need to add the code below: After that, don’t forget to Update/Publish the post or page. For the Classic editor, simply go to the Text tab and add the code. Replace the URL example with the URL of the content you need to add to your post/page.įor the block editor, let’s select HTML block and embed the code. All you need to do is insert the following code to any post or page you want: Generating the iFrame code to add content manuallyīesides the two ways above, you can also add iFrame code to WordPress manually. Next, let’s check the result on your site now! Let’s see the example in the image below.ĭon’t forget to save your content by clicking on the Publish/Update button. For instance, we would like to add a song from SoundCloud, so we will get the link from the content and add it to the shortcode. Then, add the following shortcode:Ĭhange the URL example into the URL of the content you wish to add to your site. On the other hand, if you use the block editor, let’s add a new block and search for a shortcode block. If you utilize the Classic Editor, simply switch to the Text box and add the shortcode below. Therefore, let’s generate a new post/ page or edit the available post/page.
You can follow some simple steps to install a WordPress plugin here.Īfter activating, the plugin will work without any setting requirements. If you desire to add any content from any source without fearing because the source doesn’t contain an embed code, then you can use a plugin to do that.įirst of all, let’s install and activate iFrame which is one of the most useful WordPress iFrame Plugins. Now, let’s visit the front-end page to see the result here. Of course, you need to Publish/Update the content you have just added. In case you choose to use Classic editor – one of the most popular WordPress Editor Plugins instead of the default editor, simply go to the Text box to add the code.
Don’t forget to Publish/ Update your page to save your changes. Next, all you need to do is paste the iFrame code you copied before into the block. After that, simply search for HTML block.
If you are using block editor, then click on the plus icon to add a new block. In our example, we will embed the code on a new page. So, you can add the code to any post or page you want. Now, let’s go back to the admin dashboard. In the next step, you just need to click on the Copy button to get the iFrame code. We suggest that you should turn on the 2 options. Then, you can decide whether to show player controls and enable privacy-enhanced mode. For example, if you want to add the iFrame code of a video on Youtube, let’s follow the steps below.įirst of all, you need to click on the Share button under the video you want to add to your site.Īfter that, a share popup will appear for you to select the share options. All you need to do is copy and paste the code to your site. Nowadays, many big websites have available embed code for their content. Now, let’s explore 3 ways to add iFrame Code to WordPress! The methods to Add iFrame Code to WordPress Utilizing the Source’s Embed Code However, if you want to use the content from smaller websites that don’t offer iFrame code, the blog today will help you solve the issue. Nowadays, many big platforms such as Youtube provide you with the iframe code to embed to your site. For more information, you can read why you should embed videos in WordPress here. So, the content on your site won’t be outdated. Moreover, whenever the original content has any change, it will be updated in the iFrame automatically. Besides that, using iFrame is the best way to help you avoid piracy from other content on the Internet. If you use iFrame to embed any content you want into your site, you can save storage space and bandwidth. That means the actual content is loaded from the source.
As you know, iFrame will allow you to add videos or any content on your site without hosting the content.