Web: Single Model Embed

Embed a specific interactive 3D model on your website. This is perfect for landing pages, promotional products, or any item that doesn't need to be dynamically changed.

How to Embed a Single Model

Go to your Portfolio and browse through your models.
Find the model you want to display and click on it to open the preview.
In the preview dialog, under the "Actions" section, click the <> (Embed) icon.
A dialog will pop up with a single line of code. Click the copy button.
Paste this snippet into your website's HTML where you want the model to appear.

Sample Code Snippet

Your copied code will look similar to this. The `YOUR_USER_ID` and `YOUR_MODEL_ID` will be automatically filled in for you. You can adjust the `width` and `height` attributes in the code to fit your layout.

<iframe 
  src="https://embed.dezyn.app/v1?uid=YOUR_USER_ID&model_id=YOUR_MODEL_ID" 
  width="100%" 
  height="600" 
  frameBorder="0">
</iframe>

Using a framework like React, Vue, or Svelte?

The snippet above is standard HTML. If you're using a modern JavaScript framework, you can copy this code and ask an AI assistant (like ChatGPT, Gemini, or Claude) to convert it to the appropriate syntax (e.g., JSX for React).