Embed iFrame Into Wix

[3dlayerup]

Hello ShapeDiver team,
I am testing my model (Model view | ShapeDiver) using ShapeDiver’s Designer plan. I am experiencing some technical issues embedding the generated iframe code into my WIX domain. I am copying and pasting the embed code directly into my Wix page, and it shows the following message:

Could you double-check if everything is correct on Shapediver’s end, since Wix support have said that they don’t see any problems embedding the iframe code on their end.

Thank you for looking at this.
Kieran

[pavol]

You need to whitelist domains first for any embedding to work. Follow these steps to set up your model on Wix:

1. Open your Wix page with embedded ShapeDiver model, open the network tab in the browser’s developer tools, filter “ticket” and select the error (red) network request. Look for “x-shapediver-origin” in the header and copy only the domain part without the “https://” bit.

2. In ShapeDiver, go to your dashboard, domains tab and enter the domain.

https://app.shapediver.com/me#domains

3. Then open your model in the edit mode, allow global domains and apply settings.

More on embedding in this documentation article:
https://support.shapediver.com/hc/en-us/articles/360020861952-Whitelisting-domains-for-embedding

[3dlayerup]

Thank you for your thorough response, managed to set it up with ease following your steps!

[matteo.b (Matteo)]

Hi Shapediver Team,

I join the discussion as I am experiencing the same problem with the WIX platform, but the proposed solution does not seems to work for me. Am I missing anything basic?

Here is a link to the relevant page: https://matteoberera.wixsite.com/sliceup/general-8

Thank you

[ezequiel (Ezequiel Lopez)]

Hi Matteo. I added the domain to the section of “Additional Domains” and it did the trick.

Don’t forget to check this section of our documentation where we explain how to enable different features in the iframe, like leaving the parameter widget open.

Best,

[djwparker]

Hello,

I am also having trouble embedding my Shapediver file into Wix. Where can I find the “ticket” section mentioned above? Please see attached for the options that show in my Developer Tools section.

Thanks in advance,
Dan

[mathieu1 (Mathieu Huard)]

The ticket is part of your model. You will find it in the model edit page, when you allow embedding:

Enable embedding

[djwparker]

Thanks for the quick response, Mathieu. These options do not show up for me - must be because I am on the free trial and not a paid subscription.

Cheers,
Dan

[ezequiel (Ezequiel Lopez)]

Hi Dan, please note that the original post on this thread and its answer were referencing our old platform and old documentation section. Also, a trial gives you access to all paid features, so there’s no difference.

The “ticket for direct embedding” and “iframe code” are two different things. You have a trial for a Designer plan, which only includes iframe embedding, therefore you won’t be able to find the ticket for direct embedding as this is only included with Designer Plus and above.

The iframe code is located below your model, under the tab IFRAME:

If you do not see this above, then you need to go into EDIT mode, then under the tab EMBEDDING, click the checkbox:

Then, save it. Exit. Go to the main model view again and you should be able to copy the iframe code.

Then you can go to WIX, paste it. Then when trying to view the model, the iframe on the wix page should give you the exact domain you need to whitelist on your ShapeDiver account.

We have more on iframe embedding here: Iframe embedding

Best,