E-commerce platforms

Important: Online model publishing is only available to PRO subscription plan users.

It is recommended that you read the previous section on how to publish interactive models online, because some of the instructions here will be similar.

This page covers Shopify, but the <iframe> method used is universal enough and it should work pretty much the same in other e-commerce platforms such as WooCommerce.

Example <iframe>

Shopify

In order to embed an interactive Excelsior model you first need to host the model in your FTP. Then you need to concatenate the model’s public URL to this prefix:

https://maverickexcelsior.com/iframe/?url=

The resulting URL must look something like this:

https://maverickexcelsior.com/iframe/?url=https://maverickexcelsior.com/maverickexcelsior-demo.webex

The idea is to wrap this URL in an <iframe>, like this:

<iframe src="https://maverickexcelsior.com/iframe/?url=https://maverickexcelsior.com/maverickexcelsior-demo.webex"
frameborder="0" style="width: 100%; height: 512px"></iframe>

When accepted (by clicking the </> button again) the description box should look something like this:

And then the product page should look something like this. The interactive model will be part of your product’s description:

—

Previous docs:

Next docs: