Documentation

Embedding Guide

Learn how to add interactive 3D content to your e-learning courses in minutes. Follow the step-by-step instructions below for your platform.

How to Use Embed3D

Create interactive 3D step-by-step guides with annotations and positioning controls.

Step-by-Step Instructions

Upload Your 3D Model

Embed3D accepts GLB and GLTF files up to 50MB. Free users can upload up to 5 assets. Simply drag and drop your 3D file or click to browse.

Create Your First Step

Click "Add Step" to begin creating your step sequence. Position the 3D model exactly where you want it for this step. Your changes will autosave automatically.

Add Annotations and Details

Enhance each step with explainer text and annotations directly on the 3D object. Use the isolation tool to focus on specific parts, or add other tools as needed.

Navigate and Control Your Model

Move the object using right-click (or two-finger click on trackpad). Use the re-center action to reset the view, or click "Revert Orientation" to return a step to its original saved position.

Duplicate and Refine Steps

To duplicate a step, select it and click the "New Step" action. This creates a copy that you can modify, making it easy to build complex step sequences.

💡 Pro Tips

  • Steps autosave, so you can work confidently without worrying about losing progress
  • Each step can have its own unique position, annotations, and explainer text
  • Use the isolation tool to highlight specific components of complex models
  • The "Revert Orientation" button is helpful when you need to return to a step's original camera angle

How to Embed in Articulate 360 Rise

Articulate 360 Rise makes it easy to add interactive 3D content using the built-in code block.

Step-by-Step Instructions

Open Your Articulate 360 Rise

Navigate to the lesson where you want to add your 3D content.

Add a Code Block

Click "+" between sections, select "Code" from the Block Library. Click "Add Code" in the option that appears.

Insert Your Embed Code

Select "Add Code" from the inserted Code section in your lesson. Paste your complete Embed3D iframe code (including both opening and closing <iframe></iframe> tags).

Preview and Publish

Dismiss the Code window with your iframe and preview your lesson. The 3D content will be fully interactive once embedded.

💡 Pro Tips

  • Ensure your iframe code is wrapped in <center> and </center> tags to center the embed.

How to Embed in Articulate 360 Storyline

Add interactive 3D to your Storyline slides using the "Web Object" feature.

📹 Video Tutorial Coming Soon

Step-by-Step Instructions

Open your Articulate 360 Storyline Course

Navigate to the lesson where you want to add your 3D content.

Add Your Content

Double click on the slide you you want to add your content, select "Insert" on the top ribbon, and click on "Web Object".

Insert your Embed3D Direct Link

In the web address line add your Embed3D "Direct Link" and click on "Test Link".

Publish

Dismiss the "Web Object" screen and publish your lesson. The 3D content will be fully interactive once embedded.

💡 Pro Tips

  • The embed may not display during preview mode — this is normal
  • Always test in a published environment (web or LMS)
  • Match iframe dimensions to your slide size for best results
  • This method works for any iframe content, not just videos

How to Embed in Canvas LMS

Add 3D interactive content to your Canvas courses using the Rich Content Editor.

📹 Video Tutorial Coming Soon

Step-by-Step Instructions

Open the Rich Content Editor

Navigate to the Canvas Page, Assignment, or Discussion where you want to add your 3D content and open the editor.

Switch to HTML Editor

Click the HTML Editor link (usually in the top-right corner of the editor, looks like "</>" or "HTML Editor").

Paste Your Embed Code

Insert your Embed3D iframe code directly into the HTML editor. Example: <iframe width="100%" height="520" src="..." ></iframe>

Save and Preview

Click "Save" or switch back to the Rich Content Editor view. Your 3D content will be fully interactive once saved.

💡 Pro Tips

  • Canvas allows iframes by default in most configurations
  • If iframes don't work, contact your Canvas administrator to enable iframe support
  • Use width="100%" for responsive embeds that adapt to different screen sizes
  • You can embed in Pages, Assignments, Discussions, Quizzes, and Syllabus areas

Where to Find 3D Assets

Looking for 3D models to use with Embed3D? Here are the top platforms offering free and premium 3D assets.

Sketchfab

A community-driven platform with millions of 3D models available under Creative Commons and royalty-free licenses. Perfect for e-learning, VR/AR, and interactive 3D experiences.

Visit Sketchfab →

CGTrader

A prominent marketplace with over 260,000 free 3D models available for download. Ideal for gaming, animation, architecture, and engineering projects.

Visit CGTrader →

TurboSquid

One of the largest platforms for professional-grade 3D assets. Offers both free and premium models with strict quality control standards for VFX, advertising, and architectural visualization.

Visit TurboSquid →

Free3D

Over 17,000 free models organized by category, including rigged, animated, and low-poly assets. Great for 3D artists, game developers, and architects.

Visit Free3D →

3DMAXTER

Thousands of high-quality 3D assets including furniture, lighting, vehicles, and architectural components. No registration required. Supports major formats like OBJ, FBX, and STL.

Visit 3DMAXTER →

Thingiverse

The largest community for 3D printable designs with millions of free, user-generated models under Creative Commons licenses. Perfect for STEM education and maker projects.

Visit Thingiverse →

💡 Tips for Using 3D Assets

  • Always check the license terms before using any 3D model in your projects
  • Look for models in common formats like GLTF or GLB for best compatibility
  • Consider the polygon count - lower poly models perform better in web-based 3D applications, and try to keep file sizes at or below 50mb.
  • Many platforms allow you to preview models in 3D before downloading