{"id":394445,"date":"2023-08-22T05:48:43","date_gmt":"2023-08-22T05:48:43","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=394445"},"modified":"2024-08-26T11:11:00","modified_gmt":"2024-08-26T11:11:00","slug":"magento2-3d-product-configurator","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/","title":{"rendered":"Guide for Magento 2 3D Product Configurator"},"content":{"rendered":"\n<p><a href=\"https:\/\/store.webkul.com\/magento2-3d-product-configurator-customizer.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 3D Product Configurator<\/a> module allows the store owners to add a 3D view of their product. <\/p>\n\n\n\n<p>So the customer can view the 3D product and feel the real experience with the product. It will work with variations of the product.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h2 class=\"wp-block-heading index-title\">Features<\/h2>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Allows admin to add 3d models to the product.<\/li>\n\n\n\n<li>Allows admin to add custom options(Swatches and Variations) on the product page.<\/li>\n\n\n\n<li>Allow customers to shop for products based on 3d view.<\/li>\n\n\n\n<li>It works only with simple and configurable products. <\/li>\n\n\n\n<li>Swatch has only two field type Radio button and dropdown option.<\/li>\n\n\n\n<li>It works only with GLTF files.<\/li>\n\n\n\n<li>The minimum size of the file should be 2MB.<\/li>\n\n\n\n<li>It also works with the multistore view. <\/li>\n<\/ul>\n\n\n\n<p>Check the video mentioned below for an overview of the workflow of Magento 2 3D Product Configurator<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"jRUpbHp7xPI\"><div class=\"components-placeholder__instructions\">jRUpbHp7xPI<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Installation<\/h3>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">#Download Module<\/h3>\n\n\n\n<p>Firstly, you need to log in to Webkul Store, go to<strong>&nbsp;My Account&gt;My Purchased Products section<\/strong>, verify and then download and extract the contents of this zip folder on the system.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#Upload Folder<\/h3>\n\n\n\n<p>Once the module zip for Magento 2 3D pro configurator is extracted, follow path src&gt;app and then copy the app folder into the Magento 2 root directory on the server as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"451\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png\" alt=\"Magento 2 Zoho Inventory\" class=\"wp-image-373037\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-300x113.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-250x94.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-768x289.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1536x577.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation.png 1855w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Run Commands<\/h3>\n\n\n\n<p>You need to run the following commands:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:upgrade<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:di:compile<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento indexer:reindex<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento cache:flush<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"language-translation\">Language Translation<\/h3>\n\n\n\n<p>For translating the module language, navigate through&nbsp;<strong>src\/app\/code\/Webkul\/ThreedProConfigurator\/i18n<\/strong>&nbsp;and edit the en_US.csv file. Thereafter, rename the CSV as \u201cen_SA.csv\u201d and translate all right side content after the comma in the Arabic language. After editing the CSV, save it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"396\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2842-1200x396.png\" alt=\"selection_2842\" class=\"wp-image-394945\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2842-1200x396.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2842-300x99.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2842-250x83.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2842-768x254.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2842-1536x507.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2842.png 1547w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, upload it to the path&nbsp;<strong>src\/app\/code\/Webkul\/ThreedProConfigurator\/i18n<\/strong>&nbsp;where the installation of Magento 2 is on the server. The module gets translated into the Arabic Language. It supports both RTL and LTR languages.<\/p>\n\n\n\n<p>The user can edit the CSV like the image below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"580\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2936-1200x580.png\" alt=\"selection_2936\" class=\"wp-image-396535\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2936-1200x580.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2936-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2936-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2936-768x371.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2936-1536x742.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/selection_2936.png 1544w\" 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\">Initial Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>After successful module installation configure the module from <strong>store &gt; configuration&gt; 3D product configurator<\/strong>.<\/p>\n\n\n\n<p>The admin can also navigate through 3D Product Configurator-&gt;Configuration Settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"759\" height=\"442\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/config-setting-shortcut.webp\" alt=\"3D Product Configurator\" class=\"wp-image-458654\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/config-setting-shortcut.webp 759w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/config-setting-shortcut-300x175.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/config-setting-shortcut-250x146.webp 250w\" sizes=\"(max-width: 759px) 100vw, 759px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After reaching the respective section, below page appears for configuration settings. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/config-settings.webp\" alt=\"configuration settings\" class=\"wp-image-458658\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/config-settings.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/config-settings-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/config-settings-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/config-settings-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Enable 3D Product Configurator On Frontend<\/strong> &#8211; To enable the 3D product option on frontend admin needs to enable this. <\/p>\n\n\n\n<p><strong>Thumbnail<\/strong> &#8211; The admin can add any image here that will apply globally. If not set then a product will take default.png if present in the uploaded ZIP file else the default image from Magento will be visible. <\/p>\n\n\n\n<p><strong>Note:<\/strong> Allowed file types are jpg, jpeg, gif, and png. <\/p>\n\n\n\n<p>Recommended image size with the same width and height ratio. <\/p>\n\n\n\n<p>Recommended image size: 150&#215;150 px<\/p>\n\n\n\n<p><strong>GLTF File Size<\/strong> &#8211; The admin can set the GLTF file size that can be uploaded.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Set 3D Product Model<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin needs to create or edit any product, to display the 3D image of any product on the product page. Navigate the product page in the backend <strong>catalog &gt; product<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-listing-a.webp\" alt=\"product listing\" class=\"wp-image-458661\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-listing-a.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-listing-a-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-listing-a-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-listing-a-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now add any new product or edit any previous one. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-edit-page-1.webp\" alt=\"product edit page\" class=\"wp-image-458668\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-edit-page-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-edit-page-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-edit-page-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-edit-page-1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, an option is available to upload the Zip file of the product 3D model.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-edit-page-settings-1.webp\" alt=\"product edit page\" class=\"wp-image-458669\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-edit-page-settings-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-edit-page-settings-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-edit-page-settings-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/product-edit-page-settings-1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Note: <\/strong>The admin can upload the Zip file of the product.<\/p>\n\n\n\n<p><strong>Note<\/strong> &#8211; the nomenclature of the uploaded zip file should be the same as the model name for correct configurations. For example &#8211; If the model file name is xyz.gltf then the zip file name should also be xyz.zip<\/p>\n\n\n\n<p>Now navigate to the customizable option and here admin can add options for the 3D product view. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-a.webp\" alt=\"customizable options\" class=\"wp-image-458671\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-a.webp 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-a-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-a-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-a-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-a-768x432.webp 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>These options will work as a variation of the product. Admin needs to enter the option title, type, then add value for that option. <\/p>\n\n\n\n<p><strong>Note<\/strong>: Only two option types will work for this module drop-down and radio button. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1366\" height=\"768\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-b.webp\" alt=\"customizable options\" class=\"wp-image-458673\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-b.webp 1366w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-b-300x169.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-b-1200x675.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-b-250x141.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/customizabl-options-b-768x432.webp 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once the option gets created then the admin can move forward to add swatch value to the options. They need to click on the manage swatch button and a window will open.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/swatch-options.webp\" alt=\"swatch options\" class=\"wp-image-458676\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/swatch-options.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/swatch-options-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/swatch-options-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/swatch-options-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Admin needs to select the option and save it. Without selection, the variation part will not work. So this should be selected and saved.<\/p>\n\n\n\n<p><strong>Note:<\/strong> After this product information should be saved as well to configure the swatch variation.<\/p>\n\n\n\n<p>Once it&#8217;s saved admin can manage the product variation by the Manage Variations button. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/manag-variations.webp\" alt=\"manage variations\" class=\"wp-image-458679\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/manag-variations.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/manag-variations-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/manag-variations-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/manag-variations-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>When click on the button a new page will open where the admin can add the option images. The images can be added separately for each option. <\/p>\n\n\n\n<p>Admin also needs to enter the mesh value of the option from the drop-down list.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"505\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/mange-variation-options-1200x505.webp\" alt=\"manage variation options\" class=\"wp-image-458681\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/mange-variation-options-1200x505.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/mange-variation-options-300x126.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/mange-variation-options-250x105.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/mange-variation-options-768x323.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/mange-variation-options.webp 1353w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>This mesh value needs to be added separately for each option. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"494\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/side-strips-1200x494.webp\" alt=\"side strips\" class=\"wp-image-458684\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/side-strips-1200x494.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/side-strips-300x124.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/side-strips-250x103.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/side-strips-768x316.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/08\/side-strips.webp 1357w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once these settings are completed the customer can see the 3D product image on the frontend. <\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Customer end Workflow<\/h3>\n<\/div><\/div>\n\n\n\n<p>The customer will open the store and move to the product page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_dummy.htmlwebkul-store.png\" alt=\"Magento 2 3D Product Configurator\" class=\"wp-image-394786\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_dummy.htmlwebkul-store.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_dummy.htmlwebkul-store-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_dummy.htmlwebkul-store-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_dummy.htmlwebkul-store-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>When customers choose the product it will land them on the product page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-6.png\" alt=\"Magento 2 3D Product Configurator\" class=\"wp-image-394953\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-6.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-6-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-6-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-6-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>When the user clicks on the 3D product image, it will open a popup for selecting variations for the product. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-7.png\" alt=\"Magento 2 3D Product Configurator\" class=\"wp-image-394954\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-7.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-7-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-7-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-7-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Customers can choose the desired option and the image will show variation accordingly.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-8.png\" alt=\"Magento 2 3D Product Configurator\" class=\"wp-image-394955\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-8.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-8-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-8-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-8-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Customers can also rotate the image and zoom in or out too. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-9.png\" alt=\"Magento 2 3D Product Configurator\" class=\"wp-image-394956\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-9.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-9-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-9-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-9-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>When click on the continue button the product price will increase as per the selected variation. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-10.png\" alt=\"Magento 2 3D Product Configurator\" class=\"wp-image-394960\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-10.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-10-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-10-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/08\/192.168.30.128_MAGENTO2-2.3_CommunityEdition_Default-addons_m2_3DPC_pub_shoe.htmlwebkul-store-10-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Note<\/strong>: If the customer wants to change the variation again then they can click on the View model button and the variation window will open again. <\/p>\n\n\n\n<p>If the customer chooses an option from the product details section then the variation will select and it will work as a configurable product. <\/p>\n\n\n\n<p>Now the customer can proceed with the checkout with their selected product variation.<\/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>That is all about the&nbsp;Magento 2 3D product configurator module.&nbsp;If you have any queries regarding the plugin send an email to&nbsp;<a href=\"mailto:support@webkul.com\">support@webkul.com<\/a>.<\/p>\n\n\n\n<p>Moreover, if you require development assistance, you can&nbsp;<a href=\"https:\/\/webkul.com\/hire-magento-developers\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hire Magento 2 Developers<\/a>&nbsp;for your project work<strong>.<\/strong><\/p>\n\n\n\n<p>Also, check our complete range of&nbsp;<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 extensions<\/a>. that add more features and functionalities to your online store.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 3D Product Configurator module allows the store owners to add a 3D view of their product. So the customer can view the 3D product and feel the real experience with the product. It will work with variations of the product. Check the video mentioned below for an overview of the workflow of Magento <a href=\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":396,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-394445","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Guide for Magento 2 3D Product Configurator<\/title>\n<meta name=\"description\" content=\"The user guide of the Magento 2 3D product configurator shows how to add a 3D product model of any product with variations.\" \/>\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\/magento2-3d-product-configurator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide for Magento 2 3D Product Configurator\" \/>\n<meta property=\"og:description\" content=\"The user guide of the Magento 2 3D product configurator shows how to add a 3D product model of any product with variations.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/\" \/>\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=\"2023-08-22T05:48:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-26T11:11:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png\" \/>\n<meta name=\"author\" content=\"Shailja Gupta\" \/>\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=\"Shailja Gupta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/\"},\"author\":{\"name\":\"Shailja Gupta\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/a8e167c820b3f455f751fe7d334741bc\"},\"headline\":\"Guide for Magento 2 3D Product Configurator\",\"datePublished\":\"2023-08-22T05:48:43+00:00\",\"dateModified\":\"2024-08-26T11:11:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/\"},\"wordCount\":999,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/\",\"name\":\"Guide for Magento 2 3D Product Configurator\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png\",\"datePublished\":\"2023-08-22T05:48:43+00:00\",\"dateModified\":\"2024-08-26T11:11:00+00:00\",\"description\":\"The user guide of the Magento 2 3D product configurator shows how to add a 3D product model of any product with variations.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation.png\",\"width\":1855,\"height\":697,\"caption\":\"m2_installation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide for Magento 2 3D Product Configurator\"}]},{\"@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\/a8e167c820b3f455f751fe7d334741bc\",\"name\":\"Shailja Gupta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0bcbe5b07d11b71c7571417f83fc28718f48fa375d24d88ab49e6c9bda729098?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0bcbe5b07d11b71c7571417f83fc28718f48fa375d24d88ab49e6c9bda729098?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Shailja Gupta\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/shailjagupta-bd465\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guide for Magento 2 3D Product Configurator","description":"The user guide of the Magento 2 3D product configurator shows how to add a 3D product model of any product with variations.","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\/magento2-3d-product-configurator\/","og_locale":"en_US","og_type":"article","og_title":"Guide for Magento 2 3D Product Configurator","og_description":"The user guide of the Magento 2 3D product configurator shows how to add a 3D product model of any product with variations.","og_url":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-08-22T05:48:43+00:00","article_modified_time":"2024-08-26T11:11:00+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png","type":"","width":"","height":""}],"author":"Shailja Gupta","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Shailja Gupta","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/"},"author":{"name":"Shailja Gupta","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/a8e167c820b3f455f751fe7d334741bc"},"headline":"Guide for Magento 2 3D Product Configurator","datePublished":"2023-08-22T05:48:43+00:00","dateModified":"2024-08-26T11:11:00+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/"},"wordCount":999,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/","url":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/","name":"Guide for Magento 2 3D Product Configurator","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png","datePublished":"2023-08-22T05:48:43+00:00","dateModified":"2024-08-26T11:11:00+00:00","description":"The user guide of the Magento 2 3D product configurator shows how to add a 3D product model of any product with variations.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation.png","width":1855,"height":697,"caption":"m2_installation"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-3d-product-configurator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Guide for Magento 2 3D Product Configurator"}]},{"@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\/a8e167c820b3f455f751fe7d334741bc","name":"Shailja Gupta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0bcbe5b07d11b71c7571417f83fc28718f48fa375d24d88ab49e6c9bda729098?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0bcbe5b07d11b71c7571417f83fc28718f48fa375d24d88ab49e6c9bda729098?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Shailja Gupta"},"url":"https:\/\/webkul.com\/blog\/author\/shailjagupta-bd465\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/394445","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\/396"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=394445"}],"version-history":[{"count":29,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/394445\/revisions"}],"predecessor-version":[{"id":458691,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/394445\/revisions\/458691"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=394445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=394445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=394445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}