Create a “Try Before You Buy” Virtual Try On Feature in Augmented Reality for eCommerce (Tutorial)
Tags: tutorial, augmentedreality, ecommerce, onlineshopping
Published: 2022-09-12 23:54:56

The eCommerce industry faces a huge problem: reality vs. expectation. How many times have you as a customer returned something because it did not fit or look good? Imagine being the retailer that has to deal with those returns–that could also be you! Whether it’s apparel, home goods, accessories or even car parts, augmented reality’s “virtual try on” capabilities have been increasing customer satisfaction, reducing returns and boosting sales for digital retailers.

This helps shoppers really understand what they’re buying. Platforms like [echo3D](http://www.echo3d.co) are helping digital retailers by giving them easy tools and options to let their shoppers virtually try on items. [echo3D](http://www.echo3d.co) has a built in FaceAR feature which allows objects to appear on the users face which is perfect for facial accessories like glasses, hats and masks.    

In this tutorial, you’ll learn how to make a quick sunglasses virtual try on experiences using the echo3D console. There is no need for code or a special app download to view it. Just scan and go.     

<center>![](https://miro.medium.com/max/590/1*uLrMg-yHnjZKqkvgivtTsQ.gif)

***

Scan this QR code to try on the sunglasses!

![](https://miro.medium.com/max/1180/1*MadEuS_7iHt9uR_X-6UJhA.png)</center>

***

Register
========

Make sure to register for FREE at [echo3D](https://console.echo3d.co/#/auth/register).

Video
=====
{% youtube o0kVsdVLupE %} <br>


Steps
=====

*   Prepare your 3D assets.

> To make your own 3D assets from scratch, try [Tinkercad](https://www.tinkercad.com), [Blender](https://www.blender.org), [KenShape](https://kenney.itch.io/kenshape), [Fusion 360](https://www.autodesk.com/products/fusion-360/overview), [MagicaVoxel](https://ephtracy.github.io), [Maya](https://www.autodesk.com/products/maya-lt/overview), [Maya LT](https://www.autodesk.com/products/maya-lt/overview), [Maxon Cinema4D](https://www.maxon.net/en-us/) or use [3D scanning apps](https://docs.echo3d.co/3d-content/3d-capture-apps).
>
> To scan your own retail items into 3D objects with your mobile device, try [Qlone](https://docs.echo3d.co/3d-content/3d-capture-apps/qlone), [ARitize360](https://docs.echo3d.co/3d-content/3d-capture-apps/aritize360), [SCANN3D](https://docs.echo3d.co/3d-content/3d-capture-apps/scann3d) or [3D Scanner](https://docs.echo3d.co/3d-content/3d-capture-apps/3d-scanner).
>
> You can also search our library for over 75,000 free assets.

*   Upload each 3D asset to the echo3D console.

![](https://miro.medium.com/max/1200/1*Y4UTKehDFhHWtu6LsJ2M_A.gif)

*   Click on the QR code icon and choose “See on a Face”.

![](https://miro.medium.com/max/1200/1*E-Un9gXtPiVAYb6NnZiDow.gif)

*   Scan the QR code with your phone and see it on your face.
*   If the asset is too small, uncentered or facing the wrong direction, try adjusting the [metadata](https://docs.echo3d.co/web-console/manage-pages/data-page/how-to-add-data#1.-adding-a-data-entry-1) here for scale or its x/y position.

![](https://miro.medium.com/max/758/1*xOxJDvHvIVB1rqs1_dnCnQ.png)

Learn More
==========

Refer to our [documentation](https://docs.echo3d.co/unity/) to learn more about how to use Unity and echo3D.

Support
=======

Feel free to reach out at support@echo3D.co or join our [support channel on Slack](https://go.echo3d.co/join).

Troubleshooting
===============

Visit our troubleshooting guide [here](https://docs.echo3d.co/unity/troubleshooting#im-getting-a-newtonsoft.json.dll-error-in-unity).

More Tutorials
==============

To learn how to make other similar projects, try one of these:

*   [Using Scene Viewer with echo3D to Display 3D Models in AR](https://www.echo3d.co/post/using-scene-viewer-with-echo3d-to-display-3d-models-in-ar)
*   [How To Build a 3D Scene with Multiple 3D Assets in Minutes!](https://www.echo3d.co/post/how-to-build-a-3d-scene-with-multiple-3d-assets-in-minutes)
*   [Create an AR Experience and Share With a QR Code/Link](https://www.echo3d.co/post/create-an-ar-experience-and-share-with-a-qr-code-link)

***

>_**echo3D** ([www.echo3D.co](http://www.echo3d.co/); Techstars 19’) is a cloud platform for 3D/AR/VR that provides tools and network infrastructure to help developers & companies quickly build and deploy 3D apps, games, and content._

![](https://miro.medium.com/max/1400/0*bQelP3CFdPSi4eTY)