With My AR Studio you can enhance your website with interactive 3D contents and Augmented Reality capabilities.
Embedding the Universal Viewer is simple and with a simple code snippet you cover all platforms for web, mobile and AR.
You can enhance your website by embedding the Universal Viewer and the other features of My AR Studio Cloud.
To demonstrate the workflow we use an example page made on jsfiddle.net.
To embed the Universal Viewer, create a div tag, set the desired size inside the style property. In the My AR Studio Cloud Web Panel go to the detail page of a configuration (01), click on 
in the Universal Viewer card, copy the embed code and paste the code inside the div (02).
To embed the thumbnail image (03), create an img tag, copy the direct link (
) from the configuration detail page of My AR Studio Cloud Web Panel and paste it in the src property.
The same procedure is used for the QR code image (04).
My AR Studio Cloud provides an easy solution to manage 3D assets of your products and make them available to your clients in browser navigation and Augmented Reality mode.
Adding the QR code to your webpage allows easy transition from desktop navigation to mobile navigation enhancing the user experience of your clients.
All the assets are managed by My AR Studio Cloud and you do not have to worry about the hosting.
We also created a demo-site to show you a more realistic exampled of e-commerce integration. The proposed layout is pretty standard with image gallery (01) on the left, description on the right and variant selection (04).
In the example product page we have the Universal Viewer (03) that can be placed along with the gallery images (01). The thumbnail with the watermark (02) identify the Universal Viewer among the other static images.
A banner (05) informs the user that he can try this product in AR and the QR Code allows easy navigation from the desktop experience to Augmented Reality mode.
During mobile navigation we have the following differences:
- the Universal Viewer has the "Go to AR" button (06)
- the QR Code banner is no longer necessary since the user can go in AR mode with a single click on the Universal Viewer
Would you like your favourite e-commerce be fully integrated in My AR Studio Cloud with a dedicated plugin? Please file a ticket and let us know your whishes!