Web design
How to

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

How to embed an interactive 3D/AR design to Weebly.

Vectary web embed is a great way to insert an interactive 3D element on to your website or blog. Similar to the YouTube embed, the Vectary 3D/AR viewer generates a piece of code for you to 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 an interactive 3D/AR design to Weebly

  1. Import your 3D model to Vectary editor or create your own model from scratch.
  2. Click on Publish tab and Generate button.
  3. Go to your Weebly editor. Click on Show all elements and pick Embed Code Icon.
  4. Place the element where you need it on your site. Click on Edit custom HTML button and paste the code.
  5. Preview the site, if you need to do some changes, just generate the code again and the viewer will automatically update.
  6. Publish your site.

Drag and drop the Embed code to your site. Then simply paste the code in place.

https://www.vectary.com/uploads/media-library/embed-code-drag-to-page.jpg-5gjlKeucAdQ2HkznEJTUHz.jpeg

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:

This is how your design can look like on your Weebly site. Open this site on iPhone with Safari or on Android with Chrome browser to see it in augmented reality.

FAQ

How to get rid of the watermark?

Watermark is part of the free preview and a Premium plan, to have an unbranded viewer please contact us at sales@vectary.com

Is it paid?

Vectary WebAR viewer is part of our free plan with a limited number of views.

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 AR experience, not just those with iPhone. There are millions of people using Androids, reach them out!