How to embed AR USDZ files to your e-commerce website for iOS 12

Reading and shopping online is going to be a new experience now that Apple iOS 12 devices support AR files. Thanks to the AR Quick Look embedded in iOS 12, AR content can be viewed and shared on Safari, Messages, Mail and Files. Learn how to embed them on your website.

Vectary is an online 3D design tool that enables you to create AR content and export it as USDZ or convert OBJ, STL and glTF files. You don't need any coding skills to be able to create USDZ files.

How to add AR files to a WIX website

Follow the link from the email you received from Vectary, and copy the embed code of the 3D model.

Add an HTML box to your website in WIX.

Paste the HTML code in the box.

The image of the AR object that will appear on your website will be a render of your 3D object on the scene. If you want to change the position or zoom on the object in the image, rotate it/zoom in Vectary before you export the file.

If you don't like the rendered image, you can upload your own image. Use the method described at the top of this post "How to embed AR USDZ files to any website".

How to add AR files to the Squarespace website

2. Follow the link from the email you received from Vectary, and copy the embed code of the 3D model.

3. Add a code block to your page design and paste the code. Adjust the width and height in the code.

The iframe embed option is part of the paid Business plan only - this might be subject to change.

The image of the AR object that will appear on your website will be a render of your 3D object on the scene. If you want to change the position or zoom on the object in the image, rotate it/zoom in Vectary before you export the file.

If you don't like the rendered image, you can upload your own image. Use the method described at the top of this post "How to embed AR USDZ files to any website".

The embed component is part of the paid Business plan only - this might be subject to change.

The image of the AR object that will appear on your website will be a render of your 3D object on the scene. If you want to change the position or zoom on the object in the image, rotate it/zoom in Vectary before you export the file. If you don't like the rendered image, you can upload your own image. Use the method described at the top of this post "How to embed AR USDZ files to any website".

Issues with the USDZ file? The USDZ file does not show up in the AR Quick Look?