Embed guide · Shopify

Put your model on a product page.

Three small steps in Shopify Admin. No theme rebuild required.

Open your product template

In Shopify Admin, go to Online Store → Themes → Edit code. Open the product template where the viewer should appear.

Paste the Dot3D snippet

{% render 'dot3d-model',
  model_id: 'mdl_9f2a41'
%}

Preview and publish

Save the template, open a product preview, and rotate the model before publishing. Dot3D lazy-loads the viewer and keeps a static fallback for slow devices.

Preview in Dot3D

Need help? The snippet works with Shopify Online Store 2.0 themes. For custom themes, keep the model ID unchanged.