Read More
Menu Close

    WooCommerce WebAR (Augmented Reality) Product

    INTRODUCTION

    The WebAR products image plugin for WooCommerce allows to you enable WebAR products image into your WooCommerce online store. With the help of the WooCommerce WebAR (Augmented Reality) Product, the admin can add the 3D image in their WooCommerce online store. With the help of the WebAR product image for WooCommerce, you can experience the augmented reality products and you can access this plugin on their iOS and Android phones also.

    The customers can access our WooCommerce WebAR (Augmented Reality) Product on their smartphones also.

    The WebAR product image for the WooCommerce WebAR (Augmented Reality) Product is provided to customers virtually with product use before buy facility.

    NOTE – Some devices do not support the WebAR functionality due to their old version because the old version devices can not have the functionality to view the AR products or maybe you can update your device version and try here is the link to know which devices support WebAR.

    Link:- https://developers.google.com/ar/devices 

    Start your headless eCommerce
    now.
    Read More

    Check a brief overview of the plugin –

    Features

    • This Plugin gives functionality for customers to see the product in a 3D view.
    • With the help of the WooCommerce WebAR (Augmented Reality) Product, you can add products image to your online store.
    • With the help of this module, the admin can upload a 3D product image for the online store.
    • Admin can upload GLB and USDC files for Android and iOS respectively.
    • This Plugin gives functionality for customers to see the product in a 3D view.
    • If we don’t upload GLB and USDC image file then the product image will be visible.
    • Suppose we don’t upload product images and any GLB and USDC files then the default image given by WooCommerce 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.

    Installation

    First of all, the user will get a zip file that needs to be uploaded in the “Add New” menu option in the WordPress admin panel.

    For this login to WordPress admin panel and in the Dashboard hover your mouse over the “Plugins” menu option select the “Add New” option.

    Screenshot-from-2021-07-09-14-47-00

    Following this, the user will see an option on the top of the page that is “Upload Plugin”, click the option to upload the zip file.

    Screenshot-from-2021-07-09-14-47-00-1

    Next, on clicking the “Upload Plugin” option, the user will see a “Choose File” button. Click on the button to browse for the zip file as per the image below.

    Screenshot-from-2021-07-09-14-52-28

    After browsing the file, click on the “Install Now” button so as to install the plugin as per the snapshot.

    Furthermore, Once the user installs the plugin, a message “Plugin installed successfully” displays and an “Activate Plugin” is visible to activate the plugin.

    In the end, the user needs to click on the “Activate Plugin” button to activate the plugin.

    Screenshot-from-2021-07-09-14-54-48

    Module Translation

    And, to know how to translate the module, you can click here.

    Configuration

    Henceforth, after the successful installation of the WooCommerce WebAR (Augmented Reality) Product, the admin can configure it under “Products > Add new”

    wpdemo.webkul.com_webar-for-woocommerce-103-160-65-51_wp-admin_edit.php_post_typeproductWebkul-store-1

    After click on the Add New in tab then you can write a product name.

    wpdemo.webkul.com_webar-for-woocommerce-103-160-65-51_wp-admin_post-new.php_post_typeproductWebkul-store-1

    How Admin can set the images?

    Admin need to click on AddNew button then admin need to scroll down the page and click on the

    “Product Image > Select Product Image”

    wpdemo.webkul.com_webar-for-woocommerce-103-160-65-51_wp-admin_post-new.php_post_typeproductWebkul-store-2-1

    Android File

    Android File section is used to upload a media file (Image) for android and the format of the image for android is GLB.

    iOS File

    The iOS File section is used to upload a media file (Image) for iOS (Apple) and the format of the image for iOS is USDC.

    For uploading an Android File,

    “Android File > Upload”

    And select the Image format for Android is GLB.

    wpdemo.webkul.com_webar-for-woocommerce-103-160-65-51_wp-admin_post-new.php_post_typeproductWebkul-store-3-1

    For uploading an iOS File,

    “iOS File > Upload”

    And select the Image format for iOS that is USDC.

    wpdemo.webkul.com_webar-for-woocommerce-103-160-65-51_wp-admin_post-new.php_post_typeproductWebkul-store-3-2

    After completing this configuration you will save the product by using the “Publish” button.

    wpdemo.webkul.com_webar-for-woocommerce-103-160-65-51_wp-admin_post-new.php_post_typeproductWebkul-store-4-1

    After publishing the product the admin can see their product in the product list “Products > All Products”

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

    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.

    And you can access this website on your mobile device by scanning this bar code.

    For this bar code, you need to click on live demo on the module page.

    After scanning this Bar Code with your mobile, you can redirect to the website and you will see all AR products.

    To view the AR image in your real space you need to click on this cube.

    Screenshot_20210520-174847_Chrome-2_pixel_very_silver_portrait

    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.

    Screenshot_20210603-195048_Google1_pixel_very_silver_portrait

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

    Screenshot_20210520-174847_Chrome-1_pixel_very_silver_portrait

    After adding the products in the cart list then you can view the products in your cart.

    and you also can add many products to your cart list.

    Screenshot_20210520-175028_Chrome_pixel_very_silver_portrait

    Now you can checkout your selected product from the cart.

    With the help of Proceed checkout button.

    And all your product details are mention in cart like.

    Subtotal.

    Shipping Method.

    Total Amount.

    screenshot_20210526_101556_pixel_very_silver_portrait

    After the check out of your product from the cart. Your order will be received by the admin end and you will get a proper bill.

    And all the things are mention on the order receiving slip like..

    Order Number.

    Date.

    Total Amount.

    Payment Method.

    AR-bill_pixel_very_silver_portrait

    That’s all about the WooCommerce WebAR (Augmented Reality) Product. For any further queries and suggestions please add a ticket at the HelpDesk System.

    Don’t give us a low rate without contacting support on the issue you’ve come across. We are always happy to help you.

    Current Product Version - 1.0.1

    Supported Framework Version - wordpress: 5.8, Woocommerce: 5.6

    . . .
    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