Embedding a model in a website

Embedding a model in a website

Once you have shared a 3D model publicly, you can embed it in a website, just like a YouTube video:

  • Click on the button to open the Share column.
  • Click on the Embed code to auto-select the code.
  • Type Ctrl+C (or +C on OS X) to copy the code.
  • Paste it in your website HTML code.

Note that you can make the embed responsive by surrounding the HTML code this way:

<div style="position: relative; display: block; height: 0; padding: 0; overflow: hidden">
    {embed code}
</div>

SmartShape is also compatible with Embed.ly, a service that automatically turns URL into an embed (with a thumbnail, title…). If the service you’re publishing a SmartShape link to is compatible with Embed.ly itself (Medium, WordPress…), the model will appear as an interactive embed instead of a simple link.