{"id":6530,"date":"2020-12-14T09:31:21","date_gmt":"2020-12-14T09:31:21","guid":{"rendered":"https:\/\/modelo.io\/blog\/?p=6530"},"modified":"2024-06-20T03:24:11","modified_gmt":"2024-06-20T03:24:11","slug":"how-to-embed-3ds-max-models-into-your-website","status":"publish","type":"post","link":"\/blog\/index.php\/2020\/12\/14\/how-to-embed-3ds-max-models-into-your-website\/","title":{"rendered":"How to embed 3ds Max models into your website"},"content":{"rendered":"\n<p>If you want more people to see your design, embedding the 3D models will be the best choice. This article will introduce how to embed 3ds Max models into your websites via Modelo.<\/p>\n\n\n\n<h1>1. How to embed 3D models: Upload your Model to Modelo<\/h1>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/modelo.io\/blog\/wp-content\/uploads\/2017\/04\/1-1-300x151.png\" alt=\"\" class=\"wp-image-5858\" width=\"580\" height=\"292\" srcset=\"\/blog\/wp-content\/uploads\/2017\/04\/1-1-300x151.png 300w, \/blog\/wp-content\/uploads\/2017\/04\/1-1-768x386.png 768w, \/blog\/wp-content\/uploads\/2017\/04\/1-1-1024x514.png 1024w, \/blog\/wp-content\/uploads\/2017\/04\/1-1-200x100.png 200w, \/blog\/wp-content\/uploads\/2017\/04\/1-1.png 1918w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/figure><\/div>\n\n\n\n<p>Drag and upload your 3ds Max models to Modelo. Once you finished uploading your model, navigate to the 3D view page, which looks like the screenshot above. <\/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=embed3dmax\"><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>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 (which will change slightly based on your preferred settings). 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<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=embed3dmax\"><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>If you want more people to see your design, embedding the 3D models will be the best choice. This article will introduce how to embed 3ds Max models into your websites via Modelo. 1. How to embed 3D models: Upload your Model to Modelo Drag and upload your 3ds Max models to Modelo. Once you &hellip; <\/p>\n<p class=\"link-more\"><a href=\"\/blog\/index.php\/2020\/12\/14\/how-to-embed-3ds-max-models-into-your-website\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to embed 3ds Max models into your website&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"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\/6530"}],"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=6530"}],"version-history":[{"count":4,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/posts\/6530\/revisions"}],"predecessor-version":[{"id":7895,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/posts\/6530\/revisions\/7895"}],"wp:attachment":[{"href":"\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=6530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=6530"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=6530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}