Embed on Shopify

Learn how to embed 3DtoMe models on a Shopify website.

How to obtain the embed code

To embed your 3D model on you website, first you need to obtain the embed code from the 3DtoMe app. Take a look here to learn how to get it.

The embed code should look something like this:

<iframe src="https://embed.3dto.me/f731f8d1ac694a518f6dce0803cca4be" style="border: 0;width:100%;height:300px;"></iframe>

Embed on Shopify

To embed your 3DtoMe model on a Shopify website, you can use the embed code provided by the 3DtoMe app. Take a look here to learn how to get it.

Once you have the embed code, follow these steps to embed your 3DtoMe model on a Shopify website:

  1. Login to your Shopify website.
  2. Go to the product, page or post where you want to embed the 3DtoMe model.
  3. Click on the 'HTML' button to switch to the HTML editor.
  4. Paste the embed code into the HTML editor.
  5. Save your changes.

In the next image you can see how to paste the embed code into the Shopify HTML editor:

3DtoMe embed code on Shopify

After pasting the embed code into the HTML editor, you should see a first preview of the 3DtoMe model.

3DtoMe embed code on Shopify preview

Save your changes and you should see the 3DtoMe model embedded on your Shopify website.

3DtoMe embed code on Shopify embedded

Next Steps

Still have questions?

If you still have questions, please reach out to our support team for assistance.

Contact Support