Instructables

Embed a 3D viewer in your Instructable

I've been using 123D for some of my Instructables projects - sometimes a photo alone doesn't convey a part or project the right way.  You could also use 123D Catch to have photorealistic 3D models of your project, right in your Instructable.
It's pretty simple:
For Tinkercad - on your model's pop up page, there is a "Share" section with an Embed, Facebook, Twitter and Pinterest buttons.  Click the embed button and copy the code.  

For 123D, the Embed button is on the upper right-hand side of your model's edit page in the 123D Gallery.  In the pop-up, select the second, longer code to embed.

Once you have the code, go to your Instructable draft.  You could post the viewer as if it were a video - in the buttons above the text box, there is a little filmstrip icon. Click it, paste the code and click OK.

OR: If you have a Pro Acct, you'll see a "Source" button above the text box.  Click it and paste the code in line wherever you want to to go in your text.  

Either way, BAM. Now you have a 3D image that fully shows off your completed project..!



Picture of Embed a 3D viewer in your Instructable
Kiteman10 months ago
Does it work as the thing where you can turn it around, or is it just a single view-point?
andrewt (author)  Kiteman10 months ago
Both, actually. See the viewers I embedded above.
Kiteman andrewt10 months ago
Ah, it won't work on my tablet, it wants me install Chrome to work.
makendo10 months ago
Very cool!
Pro

Get More Out of Instructables

Already have an Account?

close

PDF Downloads
As a Pro member, you will gain access to download any Instructable in the PDF format. You also have the ability to customize your PDF download.

Upgrade to Pro today!