{"id":391645,"date":"2023-07-20T11:49:15","date_gmt":"2023-07-20T11:49:15","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=391645"},"modified":"2023-07-20T11:49:24","modified_gmt":"2023-07-20T11:49:24","slug":"guide-for-odoo-augmented-reality-webar-extension","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/guide-for-odoo-augmented-reality-webar-extension\/","title":{"rendered":"Guide for Odoo Augmented Reality ( WebAR ) Extension"},"content":{"rendered":"\n

INTRODUCTION<\/strong><\/h2>\n\n\n\n

Make your website alive with Odoo Augmented Reality ( WebAR ) Extension!<\/em><\/strong><\/p>\n\n\n\n

AR for products enhances the customers’ engagement, allowing them to visualize the products in real the world. Also, it helps boost confidence for quicker buying decisions, encourages a fun shopping experience, and reduces returns. Augmented Reality helps create a competitive edge, attract more customers, and help increase conversion.<\/p>\n\n\n\n

Hence, to help your business scale, we developed Odoo Augmented Reality ( WebAR ) Extension. It helps captivate users with interactive and immersive elements. Moreover, the module aids increase engagement, provides better views, boosts sales, and more.<\/p>\n\n\n\n

In addition, it assists helps blend the virtual and real environment seamlessly to create an unforgettable experience. Further, the Odoo app configures and leads to a higher conversion rate.<\/p>\n\n\n\n

FEATURES<\/strong><\/h2>\n\n\n\n
    \n
  1. Enable the Odoo Augmented Reality ( WebAR ) Extension with just a click.<\/li>\n\n\n\n
  2. Add Augmented Reality images for the products in the backend.<\/li>\n\n\n\n
  3. It requires .usdz format images for displaying AR images in the real world on the iOS device.<\/li>\n\n\n\n
  4. It uses the mobile device camera for image display.<\/li>\n\n\n\n
  5. The Odoo app displays the complete 360 views, top and bottom, and allows size increase and decrease.<\/li>\n\n\n\n
  6. AR images need to be configured for each product individually.<\/li>\n\n\n\n
  7. Moreover, it creates a separate log for all AR images (Android & iOS).<\/li>\n\n\n\n
  8. Adds an icon on the product image on the product page in the mobile version.<\/li>\n<\/ol>\n\n\n\n

    INSTALLATION<\/strong><\/h2>\n\n\n\n
      \n
    1. Once you purchase the App from Webkul store, you will receive the link to download the zip file of the module.<\/li>\n\n\n\n
    2. Extract the file on your system after the download finishes. You will be able to see a folder named- \u2018odoo_webar_product.\u2019<\/strong><\/li>\n\n\n\n
    3. Copy and paste this folder inside your Odoo Add-Ons path.<\/li>\n\n\n\n
    4. Now, open the Odoo App and click on the Settings menu. Here, click on Activate the Developer Mode.<\/li>\n\n\n\n
    5. Then, open the Apps menu and click on \u2018Update Modules List.\u2019<\/strong><\/li>\n\n\n\n
    6. In the search bar, remove all the filters and search \u2018odoo_webar_product.\u2019<\/strong><\/li>\n\n\n\n
    7. You will be able to see the module in the search result. Click on \u2018Install<\/strong>\u2019 to install it.<\/li>\n<\/ol>\n\n\n\n

      WORKFLOW<\/strong><\/h2>\n\n\n\n

      Let\u2019s check out how to configure Odoo Augmented Reality ( WebAR ) Extension.<\/p>\n\n\n\n

      CONFIGURATION<\/strong><\/h3>\n\n\n\n

      1. Go to the \u2018Website> Configuration> Websites\u2019<\/strong> after installing the module. Do remember to enable debug\/ developer mode to access the website sub-menu.<\/p>\n\n\n\n

      \"locating-<\/a><\/figure>\n\n\n\n

      2. Now select the website on which you want to enable the AR images.<\/p>\n\n\n\n

      \"selecting-website-to-enable-odoo-agmented-reality-webar-extension\"<\/a><\/figure>\n\n\n\n

      3. Enable the WebAR by the \u2018Enable AR Image\u2019<\/strong> option from the website form.<\/p>\n\n\n\n

      \"enabling-odoo-agmented-reality-webar-extension\"<\/a><\/figure>\n\n\n\n

      4. Move to the \u2018Website> Configuration> Product AR Images\u2019<\/strong> sub-menu to view the list of all the AR images.<\/p>\n\n\n\n

      \"viewing-odoo-agmented-reality-webar-extension\"<\/a><\/figure>\n\n\n\n

      5. The AR product image form contains all relevant details like name, format, product template, image source, Poster image, and upload image (.glb\/.gltf for Android & .usdz for iOS).<\/p>\n\n\n\n

      \"ar-image-details-in-odoo-agmented-reality-webar-extension\"<\/a><\/figure>\n\n\n\n

      6. After that, move to the \u2018Website> eCommerce> Products\u2019<\/strong> and open a product. Open the \u2018AR Images\u2019<\/strong> tab and configure the loading, AR scale, Auto-rotate, auto-rotate delay, AR placement, AR Modes, custom button, and custom button text.<\/p>\n\n\n\n

      \"configuring-product-ar-for-a-product-in-the-product-ar-images\"<\/a><\/figure>\n\n\n\n

      ODOO WEBSITE (MOBILE VIEW)<\/strong><\/h3>\n\n\n\n

      7. On the website, move to the \u2018Shop\u2019<\/strong> page, click and open a product with AR images, and wait for the images to load. Once done, click the \u2018AR icon\u2019<\/strong> present above the image.<\/p>\n\n\n

      \n
      \"ar-image-on-the-odoo-website\"<\/a><\/figure>\n<\/div>\n\n\n

      8. It will ask for permission to access the mobile camera, grant it and place the camera on a defined surface (floor, table, etc.).<\/p>\n\n\n

      \n
      \"granting-permission-to-use-mobile-camera\"<\/a><\/figure>\n<\/div>\n\n\n

      9. Once done, it will load the image and display it on the screen.<\/p>\n\n\n

      \n
      \"webar-image-in-real-world\"<\/a><\/figure>\n<\/div>\n\n\n

      OTHER ODOO MODULES<\/strong><\/h2>\n\n\n\n