Introduction: Embed Tinkercad Designs in Instructables
Did you know you can embed an interactive Tinkercad design into any Instructable? Here's how! This skill will come in handy when you're sharing how-tos related to Tinkercad designs and is perfect for the currently open Distance Learning with Tinkercad contest!
You will need:
- A free Tinkecad account
- A free Instructables account
- Web browser such as Chrome
Step 1: Make Your Design Public
In order for you or someone else to embed your Tinkercad design, it must first be publicly visible. Designs are private by default. You can change your design from private to public by editing its properties.
From your designs dashboard at tinkercad.com, you can edit the properties of any design by hovering over its thumbnail to expose a menu, then select Properties... to open the properties editor. Don't forget to save your changes!
On a related note, you should be aware that making your design public also makes it copyable, unless you change the license (also in properties) to disallow derivative works.
The example used in this tutorial is my 3D Planter with Integrated Drainage (design).
Step 2: Grab the Embed Code
Once your design is public, when you visit your design's page, you'll see an Embed link on the right, near the description and other buttons. You have to be logged in to see it. Click Embed and copy the whole code inside the box below where it says "Copy and paste this code into your blog or website", highlighted above in blue.
Others can embed your design, too, just as you can embed someone else's public design.
Step 3: Paste Embed URL
Next, head over to your Instructables draft, or create a new one. In the editor, click the "Drag images from top bar or +" in order to add your embed.
In the popup, click on the Embed URL option.
Paste in the code you copied and remove everything except for the Embed URL.
Click to Preview and then click to Embed.
You will now be back in the editor and can see the embed file at the bottom of the step. Scroll to the top of the page and click Preview to see how it will look in the finished Instructable.
NOTE: Tinkercad embeds are not interactive in the Instructables draft preview. Your embedded design will be fully interactive and functional after publishing.
Step 4: Enjoy!
You can see below how the embedded Tinkercad design will show up in your Instructable at the end of the step you added it to.
Show me yours in the comments and "I Made It" section down below! And please let me know if you have any questions.
1 Person Made This Project!
- adriancubas made it!
Question 2 years ago on Step 4
Will I be able to make a design from this embed?
2 years ago on Introduction
Thank you! this was super helpful!!
2 years ago
Thank you! I will use this knowledge in my next project and I will share it in I MADE IT!
2 years ago
Thank you sos sos much really helpful
2 years ago
Thanks for sharing! I was wondering how to embed images also... and never used the iframe tag syntax or attributes before. Reads like iframe can be used to embed videos also.