Use 3D Web augmented reality to create exciting and compelling shopping experiences that drive customer interaction and enhance conversion rates and sales.

Co, Cork. Ireland
(+353) 1 211 8666
info@woohooar.com

 

Embed AR Files to your E-commerce Website

Experience AR content in Apple iOS 12 devices with USDZ files. These files use AR Quick Look and allow
AR content to be viewed and shared on Safari, Messages, Mail and Files.

This feature requires the device to support ARKit. You can find a list of the supported devices from https://forums.developer.apple.com/thread/122024

Just Upload your .OBJ files to the Sayduck Platform and export them as USDZ.

Open Sayduck Platform and export your product as USDZ
Upload an image and the USDZ file to your server or media library
Add a link to the USDZ file (with rel=”ar”) and the image tag inside the link (see the code below).

<a href=”http://example.com/file.usdz” rel=”ar”>
<img src=”http://example.com/image.jpg”>
</a>


Save and preview.



If you are having trouble, don’t hesitate to contact us!

Embed GLB files to any website

Create AR content on Android devices with GLB files. These files use Google Scene Viewer and allow AR content to be viewed on Android devices.

Open Sayduck Platform and export your product as GLB
Add GLB file to your server or media library
Create an encoded link to your GLB file

Paste code below to your DevTools console to encode your URL:

encodeURIComponent(‘your-url-here’)



Embed GLB to your website

Here is an example code to embed the file to your website. All you need to do is replace the [UriEncodedGlbUrl] with your encoded URL from step 3.

Example embed page: https://jsfiddle.net/mqnew3xy/

<a href=”intent://arvr.google.com/scene-viewer/1.1?file=[UriEncodedGlbUrl]&mode=ar_only#Intent;scheme=https;package=com.google.ar.core;action=android.intent.action.VIEW;end;”>
Click me
</a>


More detailed information can be found from https://developers.google.com/ar/develop/java/scene-viewer

The AR file does not show your product?

Try the following:
Check your texture and model file sizes
Downscale the resolution of the model’s textures to 1024x1024px
Simplify the geometry and textures
For optimal use, models should stay under 100k polygons.

iPhones start having serious difficulties in AR for models over 500k polygons.