{"id":6518,"date":"2020-12-14T09:09:12","date_gmt":"2020-12-14T09:09:12","guid":{"rendered":"https:\/\/modelo.io\/blog\/?p=6518"},"modified":"2024-06-20T03:36:19","modified_gmt":"2024-06-20T03:36:19","slug":"embedding-revit-models-with-4-simple-steps-via-modelo","status":"publish","type":"post","link":"\/blog\/index.php\/2020\/12\/14\/embedding-revit-models-with-4-simple-steps-via-modelo\/","title":{"rendered":"Embedding Revit Models with 4 Simple Steps via Modelo"},"content":{"rendered":"\n<p>It only takes 4 simple steps to embed Revit models into your websites. Let&#8217;s see how to finish this work. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"https:\/\/modelo.io\/?utm_source=newsletter&amp;utm_medium=blog&amp;utm_campaign=CADrendering\"><img loading=\"lazy\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2021\/02\/Default\u5907\u4efd-2-1.jpg\" alt=\"\" class=\"wp-image-6646\" width=\"210\" height=\"48\" srcset=\"\/blog\/wp-content\/uploads\/2021\/02\/Default\u5907\u4efd-2-1.jpg 420w, \/blog\/wp-content\/uploads\/2021\/02\/Default\u5907\u4efd-2-1-300x69.jpg 300w, \/blog\/wp-content\/uploads\/2021\/02\/Default\u5907\u4efd-2-1-200x46.jpg 200w\" sizes=\"(max-width: 210px) 100vw, 210px\" \/><\/a><\/figure><\/div>\n\n\n\n<h1>1. Upload your 3D Models to Modelo<\/h1>\n\n\n\n<p>You can simply drag the Revit models to the Modelo upload box. We also suggest that you can use our Modelo&amp;Revit upload plugin.  Please watch this short video for details<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Modelo Revit Plugin Installation + Upload\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/YJWx5ZSBqLc?start=54&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h1 id=\"mce_27\">2. Click the Share icon and select &#8220;Embed&#8221;<\/h1>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"214\" height=\"352\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2020\/12\/embed.png\" alt=\"\" class=\"wp-image-6506\" srcset=\"\/blog\/wp-content\/uploads\/2020\/12\/embed.png 214w, \/blog\/wp-content\/uploads\/2020\/12\/embed-182x300.png 182w, \/blog\/wp-content\/uploads\/2020\/12\/embed-122x200.png 122w\" sizes=\"(max-width: 214px) 100vw, 214px\" \/><\/figure><\/div>\n\n\n\n<p>Click the share icon at the far right of the toolbar and select the &#8220;Embed&#8221; option. This will open an Embed Options popup, which provides you with your HTML code for the iframe. <\/p>\n\n\n\n<h1>3. Choose your Embed options<\/h1>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"661\" height=\"780\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2020\/12\/embed-option.png\" alt=\"\" class=\"wp-image-6507\" srcset=\"\/blog\/wp-content\/uploads\/2020\/12\/embed-option.png 661w, \/blog\/wp-content\/uploads\/2020\/12\/embed-option-254x300.png 254w, \/blog\/wp-content\/uploads\/2020\/12\/embed-option-169x200.png 169w\" sizes=\"(max-width: 661px) 100vw, 661px\" \/><figcaption><br><\/figcaption><\/figure><\/div>\n\n\n\n<p>Modelo provides many display options in the embedding window. They can help you display models perfectly in different situations. Please read &#8220;<a href=\"https:\/\/modelo.io\/blog\/index.php\/2020\/12\/14\/modelo-embedding-options\/\">Modelo Embedding Option<\/a>&#8221; for more details.  <\/p>\n\n\n\n<h1>4. Copy and Paste your Embed iframe HTML<\/h1>\n\n\n\n<p>With your Embed settings selected from Step 3 copy the iframe text. Switch to the page in your blog or website in which you want to embed, select the embed option and paste!<\/p>\n\n\n\n<p>Here&#8217;s what it would like in Squarespace (for example):<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2017\/05\/Embedding_3D_models_into_your_website_with_Modelo_\u2014_Modelo_Blog.png?format=750w\" alt=\"Embedding_3D_models_into_your_website_with_Modelo_\u2014_Modelo_Blog.png\"\/><\/figure><\/div>\n\n\n\n<p>Add a block and select the &#8220;Embed&#8221; option outlined here in red, then paste your copied iframe HTML code into the box.<\/p>\n\n\n\n<div class=\"modelo-wrapper\"> <div style=\"width: 100%; padding-bottom: 56.25%; position: relative\"> <div style=\"position: absolute; top: 0; bottom: 0; left: 0; right: 0;\"> <iframe src=\"https:\/\/app.modelo.io\/embedded\/Wx1AFR7L1r?viewport=true&amp;autoplay=true&amp;autoRotate=true&amp;hideTools=false\" style=\"width:100%;height:100%;\" frameborder=\"0\" mozallowfullscreen=\"\" webkitallowfullscreen=\"\" allowfullscreen=\"\"><\/iframe> <\/div> <\/div> <\/div>\n\n\n\n<p>Keep in mind: You will probably need to play around with the settings a bit and explore the embed support options within your own publishing platform.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><a href=\"https:\/\/modelo.io\/?utm_source=newsletter&amp;utm_medium=blog&amp;utm_campaign=CADrendering\"><img loading=\"lazy\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2021\/02\/Default\u5907\u4efd-2-1.jpg\" alt=\"\" class=\"wp-image-6646\" width=\"210\" height=\"48\" srcset=\"\/blog\/wp-content\/uploads\/2021\/02\/Default\u5907\u4efd-2-1.jpg 420w, \/blog\/wp-content\/uploads\/2021\/02\/Default\u5907\u4efd-2-1-300x69.jpg 300w, \/blog\/wp-content\/uploads\/2021\/02\/Default\u5907\u4efd-2-1-200x46.jpg 200w\" sizes=\"(max-width: 210px) 100vw, 210px\" \/><\/a><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>It only takes 4 simple steps to embed Revit models into your websites. Let&#8217;s see how to finish this work. 1. Upload your 3D Models to Modelo You can simply drag the Revit models to the Modelo upload box. We also suggest that you can use our Modelo&amp;Revit upload plugin. Please watch this short video &hellip; <\/p>\n<p class=\"link-more\"><a href=\"\/blog\/index.php\/2020\/12\/14\/embedding-revit-models-with-4-simple-steps-via-modelo\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Embedding Revit Models with 4 Simple Steps via Modelo&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":6527,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[63],"tags":[],"_links":{"self":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/posts\/6518"}],"collection":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=6518"}],"version-history":[{"count":5,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/posts\/6518\/revisions"}],"predecessor-version":[{"id":7896,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/posts\/6518\/revisions\/7896"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/media\/6527"}],"wp:attachment":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=6518"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=6518"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=6518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}