OverviewBack to top
WebAR (Augmented Reality) extension allows merchants to showcase products in Web-based AR. The customers can experience interactive ARcommerce using WebAR technology. This gives buyers a realistic view of the product, show how it will look in real-life environments and also allows them to make an informed decision. The admin needs to upload 3D images files of the products, after that shoppers can use their Android or iPhone camera to view the online store products in AR. Customers don’t need to install any app as WebAR works on popular mobile web browsers like Google Chrome, Apple Safari. Further, the customers can also view the 3D model image of the product and view it from every angle.
Customers are always eager to see the product from every angle before they buy it, as online shopping has benefited us in many ways and made shopping convenient. But customers still can't get a physical sense of the new products online, a 3D and AR view allows them to see and experience the products in a real-life environment.
AR is very useful where the aesthetics or other physical characteristics such as size, dimensions, are the major considerations driving the purchase decision and reduce returns. People want to make sure that their home décor and furnishings fit in their home or office. The ability to preview items in augmented reality removes some of the uncertainty.
Also, due to COVID-19 restrictions and a general worry about shopping in person and touching shared surfaces, so using AR to preview an item in its eventual environment is becoming increasingly useful.
- Select products to display them in 3D view and augmented reality.
- Add the .glb file containing the high-quality 3D picture of the product.
- Show the 3D modelling object view of the product for a complete 360-degree view.
- Allows admin to add the background of the 3D image.
- Customers can zoom in or rotate 3D product image in any direction.
- The module is accessible for all types of products.
- Provide augmented reality ecommerce experience with WebAR.
- Use mobile web browser (Chrome, Safari) to view WebAR, no need to install any app.
- View WebAR on the latest Android smartphones, tablets, iPhones, iPads.
How Does The Extension Works?
Once the extension is installed, the admin needs to enable the WebAR extension.
Upload AR 3D Model Files - GLB/USDZ
The admin needs to upload AR 3D model files in GLB and USDZ formats. These files contain all the necessary assets and information to display the product image in 3D model view and AR. For Andriod devices, the GLB file is used and for the iOS platform, the USDZ needs to be uploaded.
Supports Simple & Configurable Product Types
To display products in 3D view and AR, the admin needs to upload the GLB and USDZ files separately for each product. WebAR extension supports both simple and configurable products. So merchants can showcase 3D and AR views for the variations also.
Display 3D Model View
Once the GLB file is uploaded, the shoppers can view the product in the 3D model on the storefront. So while browsing the online store from a computer or mobile web browser, the customer can go to the product view page and click on the 3D image. Use the mouse cursor to move the 3D model image in any direction and zoom in/out to have a closer look.
View Ecommerce Products in WebAR
Now to view the Magento 2 products in AR, the customers need to open the product page on their Android smartphone or iPhone. Then click on ‘View in your space’ text, after that phone camera will open, scan the area and display the product in augmented reality. On the iPhone, the customers need to click on the WebAR icon to experience the AR. WebAR technology supports all the latest smartphones brands and tablets. The customers don’t need to install any app, as the WebAR works within the mobile web browser like Google Chrome or Apple Safari.
For Store Owner
- Take advantage of AR in e-commerce.
- Make the shopping experience more interactive.
- Reduce product returns and shipping costs.
- Get the complete feel and look of the online products.
- Virtual try-on items before buying.
- Very useful for buying furniture and other home items.
- No need to install any software or mobile app.
You can check the WebAR live demo to know more about the extension.
Technical SpecificationsBack to top
Adobe Commerce platform compatibility
Open Source (CE): 2.4 (current)
Commerce on prem (EE): 2.4 (current)
Commerce on Cloud (ECE): 2.4 (current)
24 September, 2021
Extensions, Content & Customizations, Personalization & Experience Management, Product Content, Rich Media
Chrome, Firefox, Opera, Safari, Edge, IE
Quality ReportBack to top
All tests were conducted on the latest versions of Adobe Commerce that existed for the compatible release lines at the moment of the extension submission. Latest versions of all other software were used, as applicable.
Release NotesBack to top
- Compatible with Open Source (CE) : 2.4
- Compatible with Commerce on prem (EE) : 2.4
- Compatible with Commerce on Cloud (ECE) : 2.4
- Stability: Stable Build
+ Compatible with Magento 2.4.x
+ Allows admin to add 3D models to the product.
+ Allow customers to shop products based on 3D view.
SupportBack to top
The best place to start if you need help with a specific extension is to contact the developer. All Adobe Commerce developers have both a contact email and a support email listed.Contact Vendor