instructables

Embed Tinkercad Designs in Instructables

by bekathwia

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!

ht t ps://www.t inkercad.com/embed/g34 RzyGlUKT?edit bt n=1

Supplies:

You will need:

A free Tinkecad account

A free Instructables account
Web browser such as Chrome

Step 1: Make Your Design Public

Embed Tinkercad Designs in Instructables: Page 1

In order for you or someone else to embed your its thumbnail to expose a menu, then select
Tinkercad design, it must rst be publicly visible. Properties... to open the properties editor. Don't
Designs are private by default. You can change your forget to save your changes!
design from private to public by editing its properties.
On a related note, you should be aware that making
From your designs dashboard at tinkercad.com, you your design public also makes it copyable, unless you
can edit the properties of any design by hovering over change the license (also in properties) to disallow

derivative works. Integrated Drainage (design).

The example used in this tutorial is my 3D Planter with

Step 2: Grab the Embed Code

Once your design is public, when you visit your above in blue.
design's page, you'll see an Embed link on the right,
near the description and other buttons. You have to Others can embed your design, too, just as you can
be logged in to see it. Click Embed and copy the whole embed someone else's public design.
code inside the box below where it says "Copy and
paste this code into your blog or website", highlighted

Embed Tinkercad Designs in Instructables: Page 2

Step 3: Paste Embed Code Into Instructables HTML Editor

Next, head over to your Instructables draft, or create a Click the code icon again to go back to the visual
new one. In the editor, click the code icon at the left of editor and see your design embedded!
the row of icons above the text box to switch to HTML
view. The text eld will turn black. NOTE: Tinkercad embeds are not interactive in the
Instructables draft preview. Your embedded design
Paste your embed code into the black HTML eld, will be fully interactive and functional after
above or below any existing content that might be publishing.
there.

Step 4: Enjoy!

Embed Tinkercad Designs in Instructables: Page 3

 please let me know if you have any questions.
ht t ps://www.t inkercad.com/embed/g34 RzyGlUKT?edit bt n=1

With this new fancy skill, it's a perfect time to enter

Above is an example of an embedded Tinkercad
the Distance Learning with Tinkercad contest, closing
design here on Instructables. Show me yours in the
June 1 2020.
comments and "I Made It" section down below! And

Embed Tinkercad Designs in Instructables: Page 4