How to
Web design

How to put an interactive 3D or AR design onto a Wix website

How to embed your 3D design to Wix site.

Vectary web embed is a great way to get an interactive 3D element on your website or blog. Vectary 3D/AR viewer works on the same principle as Youtube embed. Vectary generates a piece of code for you which you just paste into your web editor. This technology is called WebAR, because it is bringing an Augmented Reality experience to any smartphone, iPhones, and Androids, without the need to install an external app.

How to embed your 3D design to Wix site

  1. Import your 3D model to the Vectary editor or create your own model from scratch.
  2. Click on the Publis tab and Generate button.
  3. Go to your Wix editor, click on "+" icon, find HLML iframe and the element where you need it. Read instructions on Wix's support page.
  4. Copy the generated code from Vectary and paste the code, click Apply.
  5. Preview the site, if you need to make some changes, just generate the code again and the viewer will automatically update with a refresh.
  6. Publish your site.
https://www.vectary.com/uploads/media-library/embeding.jpg-0u5XFVh92xgWzs0qWjbuvb.jpeg
HTML iframe in Wix editor

How to make changes in your 3D web viewer

Say you want to change color, view or an entire shape of your 3D model. Vectary editor works like instant 3D/AR CMS for your web viewer:

  1. Open your 3D project on Vectary.
  2. Make changes.
  3. Click on the Viewer tab and click on Generate button again - there is no need to replace the code. The 3D viewer will be automatically updated on all of your sites.

Vectary 3D/AR Viewer example:

Open this site on iPhone with Safari or Android with Chrome to see it in AR

This is how the iframe code looks:

<iframe id="852e07f9-a89d-4f64-95be-809fe414f66d" src="https://www.vectary.com/embed/viewer/v1/viewer.html?model=852e07f9-a89d-4f64-95be-809fe414f66d&amp;env=studio1&amp;envRotation=0&amp;autoplay=1&amp;turntable=0.5&amp;showPreloader=1" frameborder="0" width="100%" height="480"></iframe>

WebAR Product configurator

Turn simple WebAR viewer to interactive product configurator with Augmented Reality. You can add animations, shape customized, and more, all thanks to Vectary WebAR API. Learn more>

FAQ

Is it paid?

Vectary WebAR viewer is available in the free version with a limited number of views. Check our pricing page.

Why not just use USDZ export for the AR view?

This is a great alternative to USDZ embeds as all your website visitors can get an interactive 3D experience, not just those with iPhones. Vectary WebAR viewer supports Androids too!

Can we get it as a Wix plugin?

We are working on it to make it possible.