Documentation

Shopify: Single Model Embed

Embed a specific interactive 3D model anywhere on your Shopify store. This is perfect for landing pages, promotional sections, or any page where you want to feature a specific model.

How to Embed a Single Model

  1. Go to your Portfolio and click on the model you want to embed.
  2. In the preview dialog, click the <> (Embed) icon and copy the code snippet.
  3. In your Shopify admin, go to Online Store > Themes. Find your current theme and click Customize/Edit Theme.
  4. Navigate to the page and section where you want to add the model. Click + Add block or + Add section and select Custom Liquid.
  5. Paste your copied code snippet into the Custom Liquid box.
  6. You can adjust the `height` and `width` in the code to fit your layout. Set width to `100%` to make it responsive.
  7. Click Save in the top right corner. Your model is now live!

Sample Code Snippet

Your copied code will look like this. The `YOUR_USER_ID` and `YOUR_MODEL_ID` will be automatically filled in for you.

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