How to embed 3ds Max models into your website

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. Upload your Model to Modelo

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.

2. Click the Share icon and select “Embed”

Click the share icon at the far right of the toolbar and select the “Embed” option. This will open an Embed Options popup, which provides you with your HTML code for the iframe.

3. Choose your Embed options


Modelo provides many display options in the embedding window. They can help you display models perfectly in different situations. Please read “Modelo Embedding Option” for more details.

4. Copy and Paste your Embed iframe HTML

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!

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.

Embedding Revit Models with 4 Simple Steps via Modelo

It only takes 4 simple steps to embed Revit models into your websites. Let’s see how to finish this work.

1. Upload your Revit Models to Modelo

You can simply drag the Revit models to the Modelo upload box. We also suggest that you can use our Modelo&Revit upload plugin. Please watch this short video for details

2. Click the Share icon and select “Embed”

Click the share icon at the far right of the toolbar and select the “Embed” option. This will open an Embed Options popup, which provides you with your HTML code for the iframe.

3. Choose your Embed options


Modelo provides many display options in the embedding window. They can help you display models perfectly in different situations. Please read “Modelo Embedding Option” for more details.

4. Copy and Paste your Embed iframe HTML

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!

Here’s what it would like in Squarespace (for example):

Embedding_3D_models_into_your_website_with_Modelo_—_Modelo_Blog.png

Add a block and select the “Embed” option outlined here in red, then paste your copied iframe HTML code into the box.

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.

Modelo Embedding Options

Embedding beautiful models is always a fascinating method for promotion and welcomed by the website developers. Modelo provides the easiest method to help you embed your Sketchup, Rhino, Revit, 3ds Max, and other models into your websites. In order to fulfill different kinds of embedding situations, there are many Modelo embedding options.


Let’s look at each of the elements in the image above individually:

  • Embed code: This is the text you will copy and paste into your blog or website’s HTML. Click the text once to select it, copy it, then paste it into your site. (We’ve included some helpful links to iframe how-to for some of the most popular blogging sites below)
  • Size: This sets the size of the embedded model. The default is 640 x 360 – experiment with this to find the best fit for your purposes and the format of your website’s content. Pro-tip: you can adjust the width to 100% in order to have an adaptive window.
  • View: Default / Current View allows you to set the angle or perspective of the model when it loads on your site. Selecting Default will display the model in your embedded viewer as you see it when you first open it in Modelo. If you have a particular angle you want the model to be displayed at when it loads, cancel the Embed, rotate the model to your preferred position, and then select Embed and toggle to “Current View”
  • Autostart: Automatically loads the model on your site so that a user can immediately begin it. Keeping Autostart turned off will display a preview of your model with a Play button superimposed on top. If you are planning to embed a number of models on a single page, you should consider keeping Autostart turned off, otherwise, the load times could slow down significantly.
  • Autospin: The embedded model rotates slowly around the center when the model starts to display. If you drag to view the model, the autospin will pause a few seconds. Then it will continue when the users stop operating.
  • Show view switch button: In the top right corner, a small cube is displayed. Hovering over this cube pops out three different perspective views that allow your visitors to quickly change angles of view between: Top/Bottom, Front/Back, Left/Right and Default.
  • Show comment card: 3D comment card is another powerful feature of Modelo, you could use them to organize and showcase different design options, layer configurations, camera angles, as well as annotating in 3D.
  • Show walkthrough: You could easily create a walkthrough in Modelo interface, so when your website’s visitors see the model, they could simply click the play button to experience your 3D space like they are in it. The walkthrough option will only show when the ” Show comment card ” is clicked.
  • Hide Tools: When clicked this option, the toolbox will not show in the embedded models. Pro tips: if you don’t want customers to see the dimensions and the model inside. You prefer to check this box.

After setting these correct embedding options, Modelo will generate embedding iframe code. Then you can copy and paste this code into your blog, portfolio, and any other HTML websites to embed your beautiful models.

Embedding Sketchup Models into your website with Modelo.

Looking for a stable and easy method of embedding Sketchup models into websites? Use Modelo! Modelo is the leading platform to publish, share, and integrate 3D content anywhere on the webs.

1. View your Model in Modelo

Drag and upload your Sketchup models on Modelo. Once you upload your model, navigate to the 3D view page, which looks like the screenshot above.

2. Click the Share icon and select “Embed”

Click the share icon at the far right of the toolbar and select the “Embed” option. This will open an Embed Options popup, which provides you with your html code for the iframe.

3. Choose your Embed options


Modelo provides many display options in the embedding window. They can help you display models perfectly in different situations. Please read “Modelo Embedding Option” for more details.

4. Copy and Paste your Embed iframe html

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!

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.

Register for a Free Modelo Account


Adding voice over to your design in 3D

Modelo’s 3D comment feature has been one of the most popular functions since its inception.

People use it to create 3D presentations, drop 3D annotations, embed 3D experience on their homepage and curate spatial fly-through. It links with rendering settings, section cut, walk-through, and assets. In a way, you could say the 3D comment feature is at the center of all.

Today, we are very excited to announce a few updates to it. With the new 3D comment feature release, you could do the following things:

1.You could use an image attachment as a cover page for your presentation.

2.You could add promotional videos and play it with just a touch of the “SPACE” button.

3.Panorama is also supported as an attachment.

4.Last but not the least, you could add phone recorded voice-over to the 3D comment and now your clients could experience your design in 3D and listen to your explanations about the space at the same time.

Watch the entire video of this update here:

4 Awesome Panorama Images of Boston Courtyards

For this post, we sent our intern, Ian, on a quest to take 360º panorama images of the nicest courtyards in the immediate Boston area. Here’s what he found!

The Boston Public Library
Built in 1848, the Boston Public Library is a gorgeous building with a beautiful courtyard. With pillars, a fountain and a statue of an angel, the courtyard is extravagant but also it is still tasteful. A wonderful place to enjoy a book and cup of coffee!

Isabella Gardner Museum
This indoor courtyard is different than the rest. With colorful flowers and multiple statues this courtyard is heavily decorated. Additionally, as you ascend up and around the museum, you can always look down on the beautiful courtyard from new heights. Relaxing, tranquil, a must visit!

The Prudential
The courtyard outside the Prudential is great for anyone looking to take a shopping break. It is an open and more urban courtyard. With a beautiful fountain and grassy area, you almost forget where you are. A great place to read a book, enjoy lunch or just get some sun.

Museum of Fine Arts
At the Museum of fine arts is a lovely courtyard. With chairs and tables it is a great place to relax after a long day of walking around the museum. Plenty of shade to relax! Pro Tip: go after 4 PM and you get into the museum for FREE!

Learn how you can start embedding panorama images just like these on your own website with Modelo. Sign up today for FREE!