Embed on Wordpress or WooCommerce

Learn how to embed 3DtoMe models on a Wordpress or WooCommerce 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 Wordpress or WooCommerce

To embed your 3DtoMe model on a Wordpress or WooCommerce 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 Wordpress or WooCommerce website:

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

In the example below, we will embed a 3DtoMe model on a page:

3DtoMe embed code on Wordpress or WooCommerce editor

Then, you can preview the page to see the embedded 3DtoMe model. You can modify the height and width of the iframe to fit your website's design.

3DtoMe embed code on Wordpress or WooCommerce preview

Next Steps

Still have questions?

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

Contact Support