Join Now

    How To Embed Tinkercad Designs in Instructables

    Becky Stern
    Published on - April 15, 2020 by Becky Stern

    Teachers & Parents, #tinkertogether

    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!

    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.

    Screen Shot 2020-03-31 at 12.17.49 PM

    From your designs dashboard at tinkercad.com, you can edit the properties of any design by hovering over the gear icon in the upper right corner of any 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).

    Untitled-1-1

    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.

    Screen Shot 2020-03-31 at 12.16.33 PM

    Others can embed your design, too, just as you can embed someone else's public design.

    Untitled-1

    Next, head over to your Instructables draft, or create a new one. In the editor, click the code icon at the left of the row of icons above the text box to switch to HTML view. The text field will turn black.

    Paste your embed code into the black HTML field, above or below any existing content that might be there.

    Screen Shot 2020-03-31 at 12.19.13 PM-1

    Click the code icon again to go back to the visual editor and see your design embedded!

    NOTE: Tinkercad embeds are not interactive in the Instructables draft preview. Your embedded design will be fully interactive and functional after publishing.

    Above is an example of an embedded Tinkercad design on Instructables. Please let us know if you have any questions!


    Keep an eye on the Tinkercad blog and our social media channels (Twitter, Facebook) for more step-by-step guides, design challenges and other inspiration. Don't miss your chance to win by participating in the Distance Learning with Tinkercad contest, closing June 1 2020.

    In the meantime, please see our recent posts titled Hello Tinkercad Friends! Let’s #TinkerTogether and Parents Guide to Starting Kids in Tinkercad. They provide more information on some of Tinkercad’s useful features for parents, teachers, and students.