{"id":47318,"date":"2015-04-20T01:08:29","date_gmt":"2015-04-20T05:08:29","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=47318"},"modified":"2016-03-16T06:07:02","modified_gmt":"2016-03-16T10:07:02","slug":"prestashop-1-6-x-how-to-insert-the-iframe-with-the-multimedia-content-into-cms-pages","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/prestashop-1-6-x-how-to-insert-the-iframe-with-the-multimedia-content-into-cms-pages.html","title":{"rendered":"PrestaShop 1.6.x. How to insert the iframe with the multimedia content into CMS pages"},"content":{"rendered":"<p>\r\n<p>The following tutorial is going to show how to insert an iframe with multimedia content into a CMS page in Prestashop.<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=W8PCmHiTGfk?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to insert the iframe with the multimedia content into CMS pages<\/a><\/p>\r\n<ol>\r\n<li>\r\n<p> Log into Prestashop admin panel. <\/p>\r\n<\/li>\r\n<li>\r\n<p> Navigate to <strong>Preferences -> General<\/strong>.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Set <strong>Allow iframes on HTML fields<\/strong> to  <strong>Yes<\/strong> and <strong>Use HTMLPurifier Library<\/strong> to <strong>No<\/strong>: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page1-300x168.jpg\" alt=\"how_to_insert_iframe_with_multimedia_content_into_cms_page1\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-47319\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page1-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n   <\/li>\r\n<li>\r\n<p> Click <strong>Save<\/strong> button to save changes.<\/p>\r\n<\/li>\r\n<li>\r\n<p> Navigate to <strong>Preferences->CMS<\/strong> and click <strong>Edit<\/strong> button for the page where you want to insert the iframe with a video: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page2-300x168.jpg\" alt=\"how_to_insert_iframe_with_multimedia_content_into_cms_page2\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-47320\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page2-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n   <\/li>\r\n<li>\r\n<p> Click on the place where you want to display the video and click <strong>Insert\/edit video<\/strong> button. <\/p>\r\n<\/li>\r\n<li>\r\n<p> You can choose either to use<strong> General<\/strong> tab and upload the image from the certain directory or add the iframe code with video to <strong>Embed<\/strong> tab: <\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page3-300x168.jpg\" alt=\"how_to_insert_iframe_with_multimedia_content_into_cms_page3\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-47321\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page3-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page3-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page3.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>We will add the embed code from Youtube.<\/p>\r\n<\/li>\r\n<li>\r\n<p> Go to <a href=\"https:\/\/www.youtube.com\" target=\"_blank\"> Youtube<\/a> website and find the video you want. <\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>Share<\/strong> button and navigate to <strong>Embed<\/strong> tab:<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page4-300x168.jpg\" alt=\"how_to_insert_iframe_with_multimedia_content_into_cms_page4\" width=\"300\" height=\"168\" class=\"aligncenter size-medium wp-image-47322\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page4-300x168.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page4-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2015\/04\/how_to_insert_iframe_with_multimedia_content_into_cms_page4.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<li>\r\n<p> Change the width and height  resolutions if necessary, then copy the code from the tab and add to the <strong>Insert\/edit video<\/strong>  pop up into your CMS page. <\/p>\r\n<\/li>\r\n<li>\r\n<p>Click <strong>Save<\/strong> button to save changes. <\/p>\r\n<\/li>\r\n<li>\r\n<p> Go to your website frontend and refresh the CMS page. The video is displayed correctly. <\/p>\r\n<\/li>\r\n<\/ol>\r\n<p> That is the end of the tutorial. Now you know how to insert an iframe with multimedia content into a CMS page <\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=W8PCmHiTGfk?width=1280&amp;height=720\" rel=\"prettyPhoto\">PrestaShop 1.6.x. How to insert the iframe with the multimedia content into CMS pages<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>The following tutorial is going to show how to insert an iframe with multimedia content into a CMS page in Prestashop.<\/p>\n","protected":false},"author":49,"featured_media":47377,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[732],"tags":[1781,1944,572,552],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/47318"}],"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\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=47318"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/47318\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/47377"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=47318"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=47318"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=47318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}