{"id":2293,"date":"2013-03-11T23:30:23","date_gmt":"2013-03-11T23:30:23","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2013\/03\/11\/adding-iframe\/"},"modified":"2021-08-16T23:19:42","modified_gmt":"2021-08-17T03:19:42","slug":"adding-iframe","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/","title":{"rendered":"Adding an iFrame to a Movable Type Webpage"},"content":{"rendered":"

Sometimes there is a need to embed or nest a page of content within another. This often done with iFrames and can also be implemented within Movable Type webpages. The following article explains how iFrames can be added within webpages published from the Movable Type dashboard.<\/p>\n

Inserting Iframes into Movable Type Web Pages<\/h2>\n

Adding iFrames is a two part process that will require that the content of your page be uploaded into the server as a separate HTML file and the addition of HTML code into the page where the iframe will be embedded. The first part of this tutorial explains how to upload the HTML page onto the webs.<\/p>\n

\u00a0<\/p>\n

Uploading the Iframe Web Page<\/h3>\n

The following steps will be described using the Cpanel File Manager<\/a><\/em>. \u00a0If you want more information on an alternative option, try using FTP: \u00a0Getting Started: FTP<\/a>.<\/em><\/p>\n

    \n
  1. Login to the Cpanel<\/a>.<\/em><\/li>\n
  2. Scroll down to the FILES<\/strong> section and click on FILE MANAGER<\/strong>.<\/li>\n
  3. \"Publishing<\/a>\n
  4. Open the folder where the files have been published. \u00a0Click on UPLOAD<\/strong> in the menu bar the top of the file manageer interface. \u00a0Find the file that you want to use in the iframe. \u00a0Upload this file onto the server. \u00a0Make sure that you remember the exact name of the file.<\/li>\n<\/ol>\n
    \u00a0<\/div>\n

    Adding the Code for the Iframe in Movable Type<\/h3>\n
    \u00a0<\/div>\n
    We will adding the code using the Movable Type interface. \u00a0<\/div>\n
    \u00a0<\/div>\n
    \n
      \n
    1. Login to the Movable Dashboard as an administrator.<\/a><\/li>\n
    2. Click on the site that want to edit.<\/li>\n
    3. \"Iframe<\/a>\n
      <\/div>\n

      Scroll down the interface on left until you find PAGES<\/strong>. \u00a0Click on PAGES<\/strong>, then select the page you want to edit when the list appears. \u00a0Click on the title of the page you are going to edit.<\/p><\/li>\n

    4. Before you can add code to the page, you will need to change the FORMAT<\/strong> option on the far right. \u00a0Click on the drop-down arrow and click on NONE<\/strong> when it appears in the drop-down menu. \u00a0If you do not do this, then the code will be affected by automatic formatting changes with the editor. \u00a0The code that is inserted in the page will be similar to the following \u2013 these are the basic commands for using an iframe:
      \n
      <iframe=\"\" name=\"iframename\" src=\"contentpage.htm\" width=\"600\" height=\"600\" frameborder=\"0\"><\/pre>\n
       If you want more information about using the iFrame HTML command, go to W3Schools.com<\/a>.<\/em> The command includes a name for the iFrame (however you want to name it), the name of the source file (framcontent.htm) in the example above. \u00a0The dimensions are specified by pixels. \u00a0The last option is for a border to appear. \u00a0When it is set to 0, then there is no border. \u00a0The larger the number the thicker the border.\u00a0<\/p><\/li>\n
    5. Click on the blue UPDATE<\/strong> button on the right of the screen. \u00a0This will automatically publish the changes. \u00a0<\/li>\n<\/ol>\n
      \u00a0<\/div>\n
      This completes the entry of the iFrame for a Movable Type page. \u00a0Checkout the screenshots below to see how the page was inserted using an iFrame. \u00a0<\/div>\n
      \u00a0<\/div>\n
      \u00a0<\/div>\n
      HTML Page before Movable Type iFrame:\n
      \"HTML<\/a><\/p>\n
      <\/div>\n
      After the asset is setup and added to the Movable Type webpage in an iFrame, it will appear as follows:<\/p>\n
      \"Movable<\/a><\/p>\n
      <\/div>\n<\/div>\n
      \u00a0<\/div>\n
      \u00a0<\/div>\n
      \u00a0<\/div>\n<\/div>\n
      \u00a0<\/div>\n","protected":false},"excerpt":{"rendered":"
      Sometimes there is a need to embed or nest a page of content within another. This often done with iFrames and can also be implemented within Movable Type webpages. The following article explains how iFrames can be added within webpages published from the Movable Type dashboard. Inserting Iframes into Movable Type Web Pages Adding iFrames Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[103],"tags":[],"class_list":["post-2293","post","type-post","status-publish","format-standard","hentry","category-movable-type"],"acf":[],"yoast_head":"\nAdding an iFrame to a Movable Type Webpage | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Iframes are used to embed a webpage within another webpage. This can also be done within the Movable Type interface with a few steps. The following article explains how to add an iframe within a Movable Type webpage.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding an iFrame to a Movable Type Webpage | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Iframes are used to embed a webpage within another webpage. This can also be done within the Movable Type interface with a few steps. The following article explains how to add an iframe within a Movable Type webpage.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-11T23:30:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:19:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_iframe_publishing-paths.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"Adding an iFrame to a Movable Type Webpage\",\"datePublished\":\"2013-03-11T23:30:23+00:00\",\"dateModified\":\"2021-08-17T03:19:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/\"},\"wordCount\":591,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_iframe_publishing-paths.png\",\"articleSection\":[\"Movable Type\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/\",\"name\":\"Adding an iFrame to a Movable Type Webpage | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_iframe_publishing-paths.png\",\"datePublished\":\"2013-03-11T23:30:23+00:00\",\"dateModified\":\"2021-08-17T03:19:42+00:00\",\"description\":\"Iframes are used to embed a webpage within another webpage. This can also be done within the Movable Type interface with a few steps. The following article explains how to add an iframe within a Movable Type webpage.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_iframe_publishing-paths.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_iframe_publishing-paths.png\",\"width\":755,\"height\":243,\"caption\":\"Publishing Paths for Movable Type\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding an iFrame to a Movable Type Webpage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adding an iFrame to a Movable Type Webpage | InMotion Hosting","description":"Iframes are used to embed a webpage within another webpage. This can also be done within the Movable Type interface with a few steps. The following article explains how to add an iframe within a Movable Type webpage.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/","og_locale":"en_US","og_type":"article","og_title":"Adding an iFrame to a Movable Type Webpage | InMotion Hosting","og_description":"Iframes are used to embed a webpage within another webpage. This can also be done within the Movable Type interface with a few steps. The following article explains how to add an iframe within a Movable Type webpage.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2013-03-11T23:30:23+00:00","article_modified_time":"2021-08-17T03:19:42+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_iframe_publishing-paths.png","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"Adding an iFrame to a Movable Type Webpage","datePublished":"2013-03-11T23:30:23+00:00","dateModified":"2021-08-17T03:19:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/"},"wordCount":591,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_iframe_publishing-paths.png","articleSection":["Movable Type"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/","name":"Adding an iFrame to a Movable Type Webpage | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_iframe_publishing-paths.png","datePublished":"2013-03-11T23:30:23+00:00","dateModified":"2021-08-17T03:19:42+00:00","description":"Iframes are used to embed a webpage within another webpage. This can also be done within the Movable Type interface with a few steps. The following article explains how to add an iframe within a Movable Type webpage.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_iframe_publishing-paths.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/03\/edu_mt_iframe_publishing-paths.png","width":755,"height":243,"caption":"Publishing Paths for Movable Type"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/movable-type\/adding-iframe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Adding an iFrame to a Movable Type Webpage"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=2293"}],"version-history":[{"count":2,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2293\/revisions"}],"predecessor-version":[{"id":84836,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2293\/revisions\/84836"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=2293"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=2293"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=2293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}