{"id":435,"date":"2025-12-18T07:42:01","date_gmt":"2025-12-18T06:42:01","guid":{"rendered":"https:\/\/mybox.com\/help\/?post_type=manual_kb&#038;p=435"},"modified":"2025-12-18T07:42:02","modified_gmt":"2025-12-18T06:42:02","slug":"how-do-i-set-a-page-to-load-in-an-iframe","status":"publish","type":"manual_kb","link":"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-do-i-set-a-page-to-load-in-an-iframe\/","title":{"rendered":"How do I set a page to load in an iFrame?"},"content":{"rendered":"\n<div class=\"translation-block translation-block-merged\">\n<p class=\"wp-block-paragraph\">iFrame (Inline Frame) is a popular tool used on websites to embed other pages or content. In this article, you&#8217;ll learn how to set up page loading correctly in iFrame to optimize performance and keep your website secure.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/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:\/\/mybox.com\/help\/en\/knowledgebase\/how-do-i-set-a-page-to-load-in-an-iframe\/#What_is_an_iFrame\" >What is an 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:\/\/mybox.com\/help\/en\/knowledgebase\/how-do-i-set-a-page-to-load-in-an-iframe\/#Advantages_of_iFrame_in_page_loading\" >Advantages of iFrame in page loading<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-do-i-set-a-page-to-load-in-an-iframe\/#When_to_use_iFrame_to_load_pages\" >When to use iFrame to load pages?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-do-i-set-a-page-to-load-in-an-iframe\/#How_do_I_set_a_page_to_load_in_an_iFrame\" >How do I set a page to load in an iFrame?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mybox.com\/help\/en\/knowledgebase\/how-do-i-set-a-page-to-load-in-an-iframe\/#A_simple_way_with_HTML\" >A simple way with HTML<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_is_an_iFrame\"><\/span>What is an iFrame?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">An iFrame is an HTML element that allows you to embed the content of another web page inside the current page. This allows us to display external content, such as videos, maps, or forms, on our website. The iFrame acts as a separate window that loads content independently of the rest of the page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Advantages_of_iFrame_in_page_loading\"><\/span>Advantages of iFrame in page loading<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<\/div>\n\n<div id=\"mybox-3776247092\" class=\"mybox-content mybox-entity-placement\"><div class=\"early-access-banner-inpost\">\r\n  <div class=\"banner-left-inpost\">\r\n    <div class=\"icon-box-inpost\">\r\n      <img decoding=\"async\" src=\"https:\/\/mybox.com\/help\/wp-content\/uploads\/2026\/02\/square-info-icon.svg\" alt=\"Info\">\r\n    <\/div>\r\n    <div class=\"text-box-inpost\">\r\n      <span class=\"label-inpost\"><span class=\"translation-block translation-block-banner-text\">Early access<\/span><\/span>\r\n      <h4><span class=\"translation-block translation-block-banner-text\">Still need help?<\/span><\/h4>\r\n      <p><span class=\"translation-block translation-block-banner-text\">Contact our customer service team.<\/span><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"banner-right-inpost\">\r\n    <a href=\"https:\/\/panel.mybox.com\/helpdesk2\/v\/list\/\" class=\"banner-button-inpost\"><span class=\"translation-block translation-block-banner-text\">Message us<\/span><\/a>\r\n  <\/div>\r\n<\/div><\/div>\n\n<div class=\"translation-block translation-block-merged\"><p class=\"wp-block-paragraph\">There are many benefits to using iFrame to load pages. Here are a few of them:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content isolation:<\/strong> iFrame allows you to display external content on the page, regardless of the rest of the content. This prevents conflicts between different scripts on the page.<\/li>\n\n\n\n<li><strong>Simplicity of implementation:<\/strong> Adding an iFrame to a website is simple and doesn&#8217;t require advanced programming knowledge. It only requires the appropriate HTML tag.<\/li>\n\n\n\n<li><strong>Time saving:<\/strong> Using iFrame allows you to quickly and easily add advanced functionality such as video or interactive maps without having to create it from scratch.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"When_to_use_iFrame_to_load_pages\"><\/span>When to use iFrame to load pages?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">While there are many benefits to iFrame, it&#8217;s worth using it in the right situations. Before using iFrame, consider the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Embedding external content:<\/strong> When you want to embed content from another website on your website, iFrame is a great solution.<\/li>\n\n\n\n<li><strong>Integration with external services:<\/strong> If you want to allow users to interact with external services such as payments, maps, or social media, iFrame can help with easy integration.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_do_I_set_a_page_to_load_in_an_iFrame\"><\/span>How do I set a page to load in an iFrame?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To set the page loading correctly in the iFrame, you can use various techniques. Here are some ways to do this:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"A_simple_way_with_HTML\"><\/span>A simple way with HTML<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The first and easiest way is to use an HTML tag called <code>iframe<\/code>. However, it&#8217;s worth remembering to add appropriate attributes, such as <code>src<\/code>, which indicates the source address of the page to load.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:&#47;&#47;www.example.com\/<\/code><\/pre>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[25],"manual_kb_tag":[3235,3236,3237,3238,3239,3240,3241,3242,3243,3244],"class_list":["post-435","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-hosting","manual_kb_tag-iframe","manual_kb_tag-inline-frame","manual_kb_tag-page-loading","manual_kb_tag-page-load-optimization","manual_kb_tag-iframe-performance","manual_kb_tag-iframe-security","manual_kb_tag-content-isolation","manual_kb_tag-embed-content","manual_kb_tag-embed-video","manual_kb_tag-embed-maps"],"_links":{"self":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb\/435\/revisions"}],"wp:attachment":[{"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/media?parent=435"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manualknowledgebasecat?post=435"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/mybox.com\/help\/en\/wp-json\/wp\/v2\/manual_kb_tag?post=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}