Category: 3d embed

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):

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.

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.

Modelo can help you embed Rhino models into your website. There are just 4 simple steps to finish this embedding work.

Watch this video and know how to embed Rhino models into your blog, portfolio, and any other HTML websites.

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.