Menu Close
    Convert your store into Opencart Multi Vendor Marketplace

    A Complete User Guide for WebAR in OpenCart

     

    Introduction

    WebAR in OpenCart allows you to show all sides of a product to your customers. It enables your customers to see your products in a more magnificent and appealing light. It gives the buyer a realistic view of the product and allows them to make an informed decision. The admin can allow customers to see items in the actual world by enabling WebAR images. WebAR products are a revolution in the e-commerce industry because the customer can now view how the product will actually look in their house by using the AR feature.

    Features:

    • With the help of the Opencart WebAR module, users can see the three-dimensional view of the product.
    • The admin adds the web augmented reality in present and newly added product too.
    • With the help of the open cart, web augmented reality product, you can add products image to your online store.
    • The extension of the ios image is USDC and for android GLB.
    • In case if the user does not upload the image then the product image will be visible.
    • If your GLB  and USDC files are large in size then ask your hosting provider to increase the upload size limit. So that one can upload large GLB and USDC files.
    • Opencart WebAR module supports multi-store as well.

    Installation: WebAR (Augmented Reality) Product for OpenCart

    The installation of the Opencart WebAR (Augmented Reality) Product is very simple.

    Step 1: Extract the downloaded zip file.

    Step 2: After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system.

    Step 3: upload the admin and image folder in the Opencart root directory.

    Installation WebAugmented opencart

    Step 4:Once you have uploaded the file then login to admin and go to Extensions > Installer and upload the .zip file- web_ar.ocmod.zip. The zip file can be found in the ocmod folder for 3.x.x.x version and .xml file for 2.x.x.x version.

    Extension-Installer-opencart-1

    Step 5: After uploading the zip file go to the Extensions > Modifications and click on the refresh field.

    Enable-Modifications-1

    Step 6: After that, go to System > Users > User Groups. And then edit ‘Administrator’. Select the modules checkboxes for both Access Permission and Modify Permission and Save it.

    enable-module-user-group-1

    Step 7 : Now navigate to Extensions > Extensions > Modules. Find Webkul WebAR from the list. Click the Install button as visible in the screenshot below.

    install-Extension-

    Module Configuration: Webkul WebAR for OpenCart

    Step 1: After the successful installation of the extension Webkul WebAR for OpenCart. To configure the extension. Firstly, in the sidebar menu go to Extensions > Extensions > Modules.

    Dashboard-1-1200x599-2

    Step 2: Click on the edit button of Webkul WebAR.

    Edit-webAR

    Step 3: Enable the module Webkul WebAR

    Webkul-WebAR-enabled

    Status: For working modules set the status to enable.

    Select Store: Select the store for which you want to configure the module.

    Module Workflow: Webkul WebAR for OpenCart

     

    The Admin can use this extension at the time of adding a new product or editing the existing product. The admin will upload the Web Ar image for Android and IOS separately.

    Product-image

    Note: Android image file extension is .glb and for ios is .usdc.

    After completing all the product details then click on the top-right icon of Save.

    After configuration is done from the admin end. Now move to the front end to view the products.

    Laptop screen view

    Small-Chair-screen-view

    View on Mobile Device

    Now, customers can access this website on their mobile device also see the product at its proper place by using your mobile device camera before buying the product.

    chair-view-mobile

    After click on the cube button, you can see the product in your real space by the help your mobile camera like this. but first, you need to permit this module to access your mobile camera to view the AR images on your device. 

    3d-view-chair-2

    After your satisfaction with your product, you can add the product to the cart list.Add to cart

    Now you can checkout your selected product from the cart and view the cart.

    small-chair-view-cart

    Now click on checkout, then fill the terms and conditions then confirm the order with the view of necessary details like quantity, total price, model, and product name

    confirm-order

    After this, your order will be placed successfully 

    order-placed

    That’s all for the Opencart WebAR (Augmented Reality) product. Still have any issue feel free to add a ticket and let us know your views to make the module better http://webkul.uvdesk.com/

    Current Product Version - 1.0.0.0

    Supported Framework Version - 2.x.x.x, 3.x.x.x

    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Table of Content

    Hide Index