{"id":78733,"date":"2017-02-07T10:31:59","date_gmt":"2017-02-07T15:31:59","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=78733"},"modified":"2017-07-12T06:29:33","modified_gmt":"2017-07-12T10:29:33","slug":"joomla-3-x-insert-iframe","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/joomla-3-x-insert-iframe.html","title":{"rendered":"Joomla 3.x. How to insert the iframe"},"content":{"rendered":"<p>This tutorial shows how to add any iframe content to the body section of your Joomla article.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/FK26oTy6LUQ\"><\/iframe>\r\n<\/div>\r\n<p>If you paste some iframe code into the editor (i.e., default Joomla 3.x. TinyMCE editor), it automatically strips those codes from the content.<\/p>\r\n<p>Let&#8217;s learn how to make changes in some configuration in Joomla Admin panel then you can overcome this restriction.<\/p>\r\n\r\n<ol>\r\n    <li>\r\n\t\t<p>Go to <strong>Extensions<\/strong> -> <strong>Plugins<\/strong> from the top menu.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_1.png\" alt=\"Joomla3.x._How_to_insert_the_iframe_1\" width=\"1008\" height=\"663\" class=\"alignnone size-full wp-image-78734\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_1.png 1008w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_1-150x99.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_1-300x197.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_1-768x505.png 768w\" sizes=\"(max-width: 1008px) 100vw, 1008px\" \/><\/a>\t\t\r\n\t<\/li>\r\n    <li>\r\n\t\t<p>On the <strong>Plugins<\/strong> page you can find a dropdown <strong>Filter<\/strong> option called <strong>Select Type<\/strong>. Choose <strong>editors<\/strong> among the dropdown.<\/p>\r\n\t\t<p>Now the <strong>Plugins<\/strong> page lists all the available editors. From the list click on the <strong>Editor &#8211; TinyMCE<\/strong>.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_2.png\" alt=\"Joomla3.x._How_to_insert_the_iframe_2\" width=\"1020\" height=\"510\" class=\"alignnone size-full wp-image-78735\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_2.png 1020w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_2-150x75.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_2-300x150.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_2-768x384.png 768w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/><\/a>\t\t\r\n\t\t<li>\r\n\t\t\t<p>Next, on the edit page go to <strong>Plugin<\/strong> tab. Under the <strong>Plugin<\/strong>, almost at the bottom, you can find an option called\t<strong>Prohibited Elements<\/strong>. As you can see, <strong>iframe<\/strong> is listed here. Remove <strong>iframe<\/strong> from that field.\r\n\t\t\tThen click on the <strong>Save &amp; Close<\/strong> button at the top to save your changes and close the edit section.<\/p>\r\n\t\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_3.png\" alt=\"Joomla3.x._How_to_insert_the_iframe_3\" width=\"1022\" height=\"827\" class=\"alignnone size-full wp-image-78736\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_3.png 1022w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_3-150x121.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_3-300x243.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Joomla3.x._How_to_insert_the_iframe_3-768x621.png 768w\" sizes=\"(max-width: 1022px) 100vw, 1022px\" \/><\/a>\t\t\t\r\n\t\t<\/li>\r\n\t<\/ol>\r\n    <p>That is the end of the tutorial. Now you know how to add any iframe content into the body section of your Joomla 3.x articles.<\/p>\r\n<p>Go for one of our cool themes from the collection of <a href=\"https:\/\/www.templatemonster.com\/joomla-templates.php\" target=\"_blank \"title=\"Joomla Themes\">Joomla templates<\/a>!<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=FK26oTy6LUQ?width=1280&amp;height=720\" rel=\"prettyPhoto\">Joomla 3.x. How to insert the iframe<\/a>\r\n\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/cart.php?addOffer=587\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-1-(500-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to add any iframe content to the body section of your Joomla article.<\/p>\n","protected":false},"author":127,"featured_media":78737,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[724],"tags":[1781,662,483],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/78733"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/127"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=78733"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/78733\/revisions"}],"predecessor-version":[{"id":81945,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/78733\/revisions\/81945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/78737"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=78733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=78733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=78733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}