{"id":305396,"date":"2021-09-15T06:10:52","date_gmt":"2021-09-15T06:10:52","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=305396"},"modified":"2025-11-26T10:32:37","modified_gmt":"2025-11-26T10:32:37","slug":"prestashop-webar-augmented-reality-product-user-guide","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/","title":{"rendered":"Prestashop WebAR (Augmented Reality) Product {User-Guide}"},"content":{"rendered":"\n<p><strong><a href=\"https:\/\/store.webkul.com\/prestashop-webar-product-image.html\" target=\"_blank\" rel=\"noreferrer noopener\">Prestashop WebAR (Augmented Reality) Product<\/a><\/strong>: Engage customers and improve their shopping experience by adding augmented reality (AR) to your online store.<\/p>\n\n\n\n<p>Let customers view the item in their own space and explore every inch and angle of the product.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Customers can view AR on the supported smartphones and tablets.<\/li>\n\n\n\n<li>Show all the sides of a product to your customers.<\/li>\n\n\n\n<li>View dimensions of WebAR image.<\/li>\n\n\n\n<li>Give customers more complete information about products.<\/li>\n\n\n\n<li>Increase customers&#8217; satisfaction.<\/li>\n<\/ul>\n\n\n\n<p><strong>Note: Prestashop WebAR (Augmented Reality) Product<\/strong> <strong>module is compatible with PrestaShop multi-store feature.<\/strong><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Note<\/h3>\n<\/div><\/div>\n\n\n\n<p>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. <\/p>\n\n\n\n<p>You can update your device version and try. Here is the link to know which devices support WebAR.<\/p>\n\n\n\n<p><meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\"><strong>Link:- <\/strong><a href=\"https:\/\/developers.google.com\/ar\/devices\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developers.google.com\/ar\/devices<\/a><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features of <meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\">Prestashop WebAR (Augmented Reality) Product<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Allows customers to examine the product from all angles.<\/li>\n\n\n\n<li>Add WebAR files to the catalog products of your Prestashop store.<\/li>\n\n\n\n<li>Choose to display the WebAR images on product page footer, tab, image thumbnail, or override product page image thumbnail.<\/li>\n\n\n\n<li>Upload GLB and USDZ media files for Android and iOS respectively.<\/li>\n\n\n\n<li>Add AR media files for specific product combinations.<\/li>\n\n\n\n<li>Display dimensions of WebAR images.<\/li>\n\n\n\n<li>Customers can visualize the product in their own space through the supported smartphone&#8217;s camera.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Installation &#8211; Prestashop WebAR (Augmented Reality) Product <\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firstly, go to the module manager in the back office and click on \u2018upload a module\u2019.<\/li>\n\n\n\n<li>After that, drag and drop the module file or select the file from the system.<\/li>\n\n\n\n<li>In this way, the module installation will be successful.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\" alt=\"WebAR (Augmented Reality) Product installation\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/2-3-1200x424.png\" alt=\"WebAR (Augmented Reality) Product installation\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/3-2-1200x391.png\" alt=\"WebAR (Augmented Reality) Product installation\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Note<\/h3>\n<\/div><\/div>\n\n\n\n<p>Kindly note that the uploaded file size of products should be max upto 66M.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot__3_.png\" alt=\"1\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/screenshot__4_.png\" alt=\"2\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Admin End Management &#8211; <meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\">Prestashop WebAR (Augmented Reality) Product<\/h3>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Configuration<\/h3>\n\n\n\n<p>After installing the module successfully the admin needs to configure the module to display the AR model based on the available options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1726577095.png\" alt=\"configuration\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>There are four position options available in the module where the admin can display the AR model of the product on the product detail page.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Product page footer<\/li>\n\n\n\n<li>Product page tab<\/li>\n\n\n\n<li>Override product page image thumbnail<\/li>\n\n\n\n<li>Product page image thumbnail<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Adding the AR model file for Simple Product<\/strong><\/h4>\n\n\n\n<p>Go to <strong>catalog-&gt; Products-&gt; Edit Product-&gt; Modules<\/strong> to set webAR for the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"841\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-80-1200x841.png\" alt=\"image-80\" class=\"wp-image-390729\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-80-1200x841.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-80-300x210.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-80-250x175.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-80-768x538.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-80-1536x1076.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-80-2048x1435.png 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On clicking the Configure button, admin can set webAR for the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"836\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-81-1200x836.png\" alt=\"image-81\" class=\"wp-image-390730\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-81-1200x836.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-81-300x209.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-81-250x174.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-81-768x535.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-81-1536x1070.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-81-2048x1427.png 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On clicking the &#8220;Add WebAr Model&#8221; button, admin can upload the Web Ar image for Android and IOS.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"841\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-82-1200x841.png\" alt=\"image-82\" class=\"wp-image-390745\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-82-1200x841.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-82-300x210.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-82-250x175.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-82-768x538.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-82-1536x1076.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-82-2048x1435.png 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"839\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-86-1200x839.png\" alt=\"image-86\" class=\"wp-image-390773\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-86-1200x839.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-86-300x210.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-86-250x175.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-86-768x537.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-86-1536x1074.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-86-2048x1432.png 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Ar Model<\/strong>&nbsp;<strong>File (Android)<\/strong> <\/p>\n\n\n\n<p>In  this section admin needs to upload a media file (Image) for android and the format of the image for android is GLB.<\/p>\n\n\n\n<p><strong>GLB<\/strong>&nbsp;is a 3D file format that is used in augmented reality (AR), virtual reality (VR), and games. It offers a perfect combination of small file size and fast load times.<\/p>\n\n\n\n<p><strong>Ar model File (ios)<\/strong><\/p>\n\n\n\n<p><meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\">In  this section admin needs to upload a media file (Image) for iOS (Apple) and the format of the image for iOS is USDZ.<\/p>\n\n\n\n<p>USDZ is a 3D file format that shows AR content on iOS devices.<\/p>\n\n\n\n<p><strong>For Product with Combinations<\/strong><\/p>\n\n\n\n<p>With Prestashop WebAR (Augmented Reality) Product extension, admin can also set webAR for particular combination of a product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"694\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/6-4-1200x694.png\" alt=\"6-4\" class=\"wp-image-305443\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/6-4-1200x694.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/6-4-300x173.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/6-4-250x145.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/6-4-768x444.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/09\/6-4.png 1306w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Front End Workflow<\/h3>\n<\/div><\/div>\n\n\n\n<p>When a customer visits the product page, he can spin and view the product from all angles.<\/p>\n\n\n\n<p><strong>WebAR image when &#8220;Product page footer&#8221; position is selected<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2398\" height=\"2980\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-83.png\" alt=\"image-83\" class=\"wp-image-390759\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-83.png 2398w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-83-241x300.png 241w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-83-824x1024.png 824w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-83-200x249.png 200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-83-768x954.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-83-1236x1536.png 1236w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-83-1648x2048.png 1648w\" sizes=\"(max-width: 2398px) 100vw, 2398px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Product page tab position<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"2710\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-84.png\" alt=\"image-84\" class=\"wp-image-390762\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-84.png 2400w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-84-266x300.png 266w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-84-907x1024.png 907w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-84-221x249.png 221w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-84-768x867.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-84-1360x1536.png 1360w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-84-1814x2048.png 1814w\" sizes=\"(max-width: 2400px) 100vw, 2400px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>WebAR image when &#8220;Override product page image thumbnail&#8221; is selected<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"835\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-85-1200x835.png\" alt=\"image-85\" class=\"wp-image-390763\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-85-1200x835.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-85-300x209.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-85-250x174.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-85-768x534.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-85-1536x1069.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-85-2048x1425.png 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Product page image thumbnail<\/strong> <strong>position<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/storecdn.webkul.com\/showcase\/590\/1726577094.png\" alt=\"Product page image thumbnail\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>View dimensions of the WebAR image<\/strong><\/p>\n\n\n\n<p>The user can also check the dimension of the WebAR image just by clicking on the show dimensions options available in the bottom of WebAR image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-87-1200x880.png\" alt=\"image-87\" class=\"wp-image-390783\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-87-1200x880.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-87-300x220.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-87-250x183.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-87-768x563.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-87-1536x1126.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-87-2048x1502.png 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p> Customers can visualize the product in their own space by clicking on &#8220;View in your space&#8221; on android and iOS device.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"594\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-89-594x1024.png\" alt=\"image-89\" class=\"wp-image-390785\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-89-594x1024.png 594w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-89-174x300.png 174w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-89-144x249.png 144w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-89-768x1325.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-89-891x1536.png 891w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-89.png 1170w\" sizes=\"(max-width: 594px) 100vw, 594px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Customers need to permit the module to access their mobile&#8217;s camera in order to view AR images on their device. After providing access, customers can view how the product fits in their space.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"486\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-88-486x1024.png\" alt=\"image-88\" class=\"wp-image-390784\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-88-486x1024.png 486w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-88-142x300.png 142w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-88-118x249.png 118w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-88-768x1617.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-88-729x1536.png 729w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-88-973x2048.png 973w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/07\/image-88.png 1078w\" sizes=\"(max-width: 486px) 100vw, 486px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>This was all about Prestashop WebAR (Augmented Reality) Product module. I hope this document will help you in checking the functionality of the module in a better way. <\/p>\n\n\n\n<p>Also, do let us know about your views in the comments.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>For any kind of technical assistance or query, please raise a ticket at&nbsp;<a href=\"http:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/webkul.uvdesk.com<\/a>&nbsp;or send us a mail at&nbsp;<strong>support@webkul.com<\/strong><\/p>\n\n\n\n<p>Also, please explore our <a href=\"https:\/\/webkul.com\/prestashop-development\/\">Prestashop development services<\/a> and vast range of quality <a href=\"https:\/\/store.webkul.com\/PrestaShop-Extensions.html\">Prestashop addons<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prestashop WebAR (Augmented Reality) Product: Engage customers and improve their shopping experience by adding augmented reality (AR) to your online store. Let customers view the item in their own space and explore every inch and angle of the product. Note: Prestashop WebAR (Augmented Reality) Product module is compatible with PrestaShop multi-store feature. Some devices do <a href=\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":165,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[12047,12045,12046],"class_list":["post-305396","post","type-post","status-publish","format-standard","hentry","category-prestashop","tag-add-ar-to-products","tag-augmented-reality","tag-webar"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Prestashop WebAR (Augmented Reality) Product {User-Guide}<\/title>\n<meta name=\"description\" content=\"Add augmented reality (AR) to your online store and allow customers to view the products in their real space.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prestashop WebAR (Augmented Reality) Product {User-Guide}\" \/>\n<meta property=\"og:description\" content=\"Add augmented reality (AR) to your online store and allow customers to view the products in their real space.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-15T06:10:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-26T10:32:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\" \/>\n<meta name=\"author\" content=\"Ashish Sehgal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ashish Sehgal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/\"},\"author\":{\"name\":\"Ashish Sehgal\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d\"},\"headline\":\"Prestashop WebAR (Augmented Reality) Product {User-Guide}\",\"datePublished\":\"2021-09-15T06:10:52+00:00\",\"dateModified\":\"2025-11-26T10:32:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/\"},\"wordCount\":760,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\",\"keywords\":[\"add AR to products\",\"augmented reality\",\"webAR\"],\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/\",\"url\":\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/\",\"name\":\"Prestashop WebAR (Augmented Reality) Product {User-Guide}\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png\",\"datePublished\":\"2021-09-15T06:10:52+00:00\",\"dateModified\":\"2025-11-26T10:32:37+00:00\",\"description\":\"Add augmented reality (AR) to your online store and allow customers to view the products in their real space.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png\",\"width\":1284,\"height\":357},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Prestashop WebAR (Augmented Reality) Product {User-Guide}\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d\",\"name\":\"Ashish Sehgal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Ashish Sehgal\"},\"description\":\"Ashish Sehgal is a Analyst with deep expertise in the PrestaShop platform offers strategic insights for e-commerce success. With a deep understanding of open-source platforms, he ensures tailored solutions. A skilled analyst, providing unique strategies for online businesses.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/ashishsehgal-magento190\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prestashop WebAR (Augmented Reality) Product {User-Guide}","description":"Add augmented reality (AR) to your online store and allow customers to view the products in their real space.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/","og_locale":"en_US","og_type":"article","og_title":"Prestashop WebAR (Augmented Reality) Product {User-Guide}","og_description":"Add augmented reality (AR) to your online store and allow customers to view the products in their real space.","og_url":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-09-15T06:10:52+00:00","article_modified_time":"2025-11-26T10:32:37+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png","type":"","width":"","height":""}],"author":"Ashish Sehgal","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ashish Sehgal","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/"},"author":{"name":"Ashish Sehgal","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d"},"headline":"Prestashop WebAR (Augmented Reality) Product {User-Guide}","datePublished":"2021-09-15T06:10:52+00:00","dateModified":"2025-11-26T10:32:37+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/"},"wordCount":760,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png","keywords":["add AR to products","augmented reality","webAR"],"articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/","url":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/","name":"Prestashop WebAR (Augmented Reality) Product {User-Guide}","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5-1200x334.png","datePublished":"2021-09-15T06:10:52+00:00","dateModified":"2025-11-26T10:32:37+00:00","description":"Add augmented reality (AR) to your online store and allow customers to view the products in their real space.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/1-5.png","width":1284,"height":357},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/prestashop-webar-augmented-reality-product-user-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Prestashop WebAR (Augmented Reality) Product {User-Guide}"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/adc5483234a0096b5eba2c30924f652d","name":"Ashish Sehgal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/43aabebe0f1864b7173421f8f44f62fef06c07313c7f8c03735ee4b9bf377e6e?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Ashish Sehgal"},"description":"Ashish Sehgal is a Analyst with deep expertise in the PrestaShop platform offers strategic insights for e-commerce success. With a deep understanding of open-source platforms, he ensures tailored solutions. A skilled analyst, providing unique strategies for online businesses.","url":"https:\/\/webkul.com\/blog\/author\/ashishsehgal-magento190\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/305396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/165"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=305396"}],"version-history":[{"count":20,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/305396\/revisions"}],"predecessor-version":[{"id":514576,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/305396\/revisions\/514576"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=305396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=305396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=305396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}