{"id":166303,"date":"2019-05-08T06:26:12","date_gmt":"2019-05-08T06:26:12","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=166303"},"modified":"2020-02-07T10:00:56","modified_gmt":"2020-02-07T10:00:56","slug":"product-differentiator-for-shopify-workflow","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/","title":{"rendered":"Product Differentiator for Shopify: WORKFLOW"},"content":{"rendered":"\n<p class=\"has-text-align-center\"><strong>PRODUCT DIFFERENTIATOR FOR SHOPIFY<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/\" target=\"_blank\" rel=\"noreferrer noopener\">Product Differentiator App<\/a>&nbsp;is dedicated to help Your customers in choosing a product of their choice by comparing two or more products of the same category. Thus, avoid confusion and get the best product of their choice.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Here is the Guide to help You with the App Installation &amp; Configuration.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Please Have a look at the <strong>Complete Workflow<\/strong> of both Admin &amp; Customer End.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Installation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p class=\"has-text-align-center\">To install the Product Differentiator app to Your Shopify Store, Visit the <a href=\"https:\/\/apps.shopify.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shopify App Store<\/a>.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Search the<strong> Product Differentiator<\/strong> App and click the <strong>Add app<\/strong> button to get the app.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1149\" height=\"467\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png\" alt=\"Install app\" class=\"wp-image-174526\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png 1149w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22-250x102.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22-300x122.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22-768x312.png 768w\" sizes=\"(max-width: 1149px) 100vw, 1149px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong><a href=\"https:\/\/apps.shopify.com\/product-differentiator\" target=\"_blank\" rel=\"noreferrer noopener\">Click here<\/a><\/strong> to install the Product Differentiator App to Your Store i.e.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to <strong>Shopify App Store<\/strong>.<\/li><li>Find the <strong>Product Differentiator<\/strong> App.<\/li><li>Click on <strong>Add App<\/strong> button.<\/li><\/ul>\n\n\n\n<p class=\"has-text-align-center\">Approve the app Charges and add it to Your Shopify Store.<br>Choose any of the above ways to install the app.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Workflow: ADMIN END<\/h3><\/div><div class=\"margin-bottom-50\">\n<p class=\"has-text-align-center\">As soon as You installs the app, You can view the same in the <strong>Apps<\/strong> section of Your Shopify Store.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1288\" height=\"614\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-18.png\" alt=\"added apps\" class=\"wp-image-166319\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-18.png 1288w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-18-250x119.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-18-300x143.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-18-768x366.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-18-1200x572.png 1200w\" sizes=\"(max-width: 1288px) 100vw, 1288px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Clicking the Product Differentiator app will redirect You to the app&#8217;s home page.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Here You will get all the menus to Configure the App.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Later in this Guide, You will get to know how to add Codes into liquid files to Configure App Frontend. First, Configure the App Backend.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1297\" height=\"1524\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-10_36_10-1-e1552367557742.png\" alt=\"app home page\" class=\"wp-image-166326\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-10_36_10-1-e1552367557742.png 1297w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-10_36_10-1-e1552367557742-212x249.png 212w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-10_36_10-1-e1552367557742-255x300.png 255w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-10_36_10-1-e1552367557742-768x902.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-10_36_10-1-e1552367557742-871x1024.png 871w\" sizes=\"(max-width: 1297px) 100vw, 1297px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\"><strong>Configuration<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center\">It will take just a few minutes of Yours.<\/p>\n\n\n\n<p class=\"has-text-align-center\">From here, You can configure the labels, set a limit for products to be compared, enable\/disable remove the button from the compare feature page on the frontend.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1303\" height=\"1982\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_04_53-e1552369016727.png\" alt=\"Configuration\" class=\"wp-image-166340\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_04_53-e1552369016727.png 1303w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_04_53-e1552369016727-164x249.png 164w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_04_53-e1552369016727-197x300.png 197w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_04_53-e1552369016727-768x1168.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_04_53-e1552369016727-673x1024.png 673w\" sizes=\"(max-width: 1303px) 100vw, 1303px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\"><strong>Default Features<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center\">These are the features applicable to all Your Products, by default.<\/p>\n\n\n\n<p class=\"has-text-align-center\">All the default features added in the app will be visible in this section.<\/p>\n\n\n\n<p class=\"has-text-align-center\">You can enable\/disable the Default Features as well. The enabled features will be applicable to all Your Products added to the app.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1301\" height=\"969\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_34_50-e1552370857401.png\" alt=\"Default features\" class=\"wp-image-166358\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_34_50-e1552370857401.png 1301w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_34_50-e1552370857401-250x186.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_34_50-e1552370857401-300x223.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_34_50-e1552370857401-768x572.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_34_50-e1552370857401-1200x894.png 1200w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"has-text-align-center wp-block-heading\"><strong>Design<\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center\">Choose the colors of Your Choice &amp; manage the display design of Frontend.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1295\" height=\"1314\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_40_40-e1552371134956.png\" alt=\"configure design\" class=\"wp-image-166363\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_40_40-e1552371134956.png 1295w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_40_40-e1552371134956-245x249.png 245w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_40_40-e1552371134956-296x300.png 296w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_40_40-e1552371134956-768x779.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-11_40_40-e1552371134956-1009x1024.png 1009w\" sizes=\"(max-width: 1295px) 100vw, 1295px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><strong>The same will reflect like this on Frontend:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1119\" height=\"380\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-32-1.png\" alt=\"Product for compare\" class=\"wp-image-166764\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-32-1.png 1119w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-32-1-250x85.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-32-1-300x102.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-32-1-768x261.png 768w\" sizes=\"(max-width: 1119px) 100vw, 1119px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Also, You can change the Compare Page Feature Categories Color like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1182\" height=\"310\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-33.png\" alt=\"feature color\" class=\"wp-image-166771\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-33.png 1182w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-33-250x66.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-33-300x79.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-33-768x201.png 768w\" sizes=\"(max-width: 1182px) 100vw, 1182px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">You are done with the App Configuration. Now, You can Proceed to Import the Products into the app that You want to be added for Comparison.<\/p>\n\n\n\n<h1 class=\"has-text-align-center wp-block-heading\"><strong>Import Products into the App.<\/strong><\/h1>\n\n\n\n<p class=\"has-text-align-center\">You want to add feature values to the Products to be compared by your customers. So, firstly import the Products into the app.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Visit the Import Product section and choose any of the two methods to Import Products.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Method 1:<\/strong> Import by Date Range<br>You can choose a Date Span and Import Products via CSV file. Select <strong>From<\/strong> and <strong>To<\/strong> date Click on <strong>Import<\/strong> button.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Method 2:<\/strong> Import via CSV<br>You can Upload a CSV file of Products that You want to Import into the app. Once done, Click on <strong>Import<\/strong> button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1301\" height=\"1126\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-13_42_26-e1552379183540.png\" alt=\"Import\" class=\"wp-image-166434\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-13_42_26-e1552379183540.png 1301w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-13_42_26-e1552379183540-250x216.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-13_42_26-e1552379183540-300x260.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-13_42_26-e1552379183540-768x665.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-13_42_26-e1552379183540-1183x1024.png 1183w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">The Products imported from here can be viewed in the <strong>Products<\/strong> section of the app.<\/p>\n\n\n\n<p class=\"has-text-align-center\">As You have added the Products to the app, let&#8217;s add Feature categories and default values to the features.<\/p>\n\n\n\n<h1 class=\"has-text-align-center wp-block-heading\">Feature Categories<\/h1>\n\n\n\n<p class=\"has-text-align-center\">In this section, You need to add <strong>Feature Categories<\/strong> first and then proceed to add <strong>default values<\/strong> to the categories for comparison.<\/p>\n\n\n\n<p class=\"has-text-align-center\">So, Visit the<strong> Feature Category<\/strong> section and add Categories.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1298\" height=\"616\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-20.png\" alt=\"feature category\" class=\"wp-image-166403\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-20.png 1298w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-20-250x119.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-20-300x142.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-20-768x364.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-20-1200x569.png 1200w\" sizes=\"(max-width: 1298px) 100vw, 1298px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Clicking on the Add Feature Category button, You can add <strong>Category name<\/strong> and <strong>Category Position. <\/strong>Thus, You will be ended up adding a New Feature Category.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-26.png\" alt=\"feature category\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">This way, Feature Categories can be added to the app.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1295\" height=\"616\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-27.png\" alt=\"add feature \" class=\"wp-image-166614\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-27.png 1295w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-27-250x119.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-27-300x143.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-27-768x365.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-27-1200x571.png 1200w\" sizes=\"(max-width: 1295px) 100vw, 1295px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">You can edit, delete or enable\/disable feature&nbsp;categories further if required.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Once You add feature Categories, let&#8217;s proceed to add default values to the these Categories. These feature values will be further assigned to imported products.<\/p>\n\n\n\n<h1 class=\"has-text-align-center wp-block-heading\">Default Features<\/h1>\n\n\n\n<p class=\"has-text-align-center\">From this section of the app, You can add default values to the added feature categories that will be applicable to all the products.<br>Go to <strong>Default Feature<\/strong> Section and add Features.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1299\" height=\"606\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-23.png\" alt=\"default category\" class=\"wp-image-166410\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-23.png 1299w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-23-250x117.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-23-300x140.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-23-768x358.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-23-1200x560.png 1200w\" sizes=\"(max-width: 1299px) 100vw, 1299px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Click on the <strong>Add Default Feature<\/strong> button. Select the Feature Category that You have added previously and enter feature&#8217;s name &amp; default value.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1299\" height=\"614\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-34.png\" alt=\"default value\" class=\"wp-image-166775\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-34.png 1299w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-34-250x118.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-34-300x142.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-34-768x363.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-34-1200x567.png 1200w\" sizes=\"(max-width: 1299px) 100vw, 1299px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">This way, default features can be added to the feature categories that can be edited, deleted, disabled anytime if required.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1296\" height=\"610\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-24.png\" alt=\"default feature\" class=\"wp-image-166415\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-24.png 1296w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-24-250x118.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-24-300x141.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-24-768x361.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-24-1200x565.png 1200w\" sizes=\"(max-width: 1296px) 100vw, 1296px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h1 class=\"has-text-align-center wp-block-heading\">Assign Feature Value to Product<\/h1>\n\n\n\n<p class=\"has-text-align-center\">As You have added Feature Categories and default values, You can now proceed to assign Feature Values to the imported Products that are listed in the Products section.<\/p>\n\n\n\n<p>Please refer to the below steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to <strong>Products<\/strong>.<\/li><li>Choose a Product and Click on <strong>Assign Feature Value.<\/strong><\/li><li>Enter the Values and Click on <strong>Save<\/strong>.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1294\" height=\"894\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_27_49-e1552391955343.png\" alt=\"Assign value\" class=\"wp-image-166574\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_27_49-e1552391955343.png 1294w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_27_49-e1552391955343-250x173.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_27_49-e1552391955343-300x207.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_27_49-e1552391955343-768x531.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_27_49-e1552391955343-1200x829.png 1200w\" sizes=\"(max-width: 1294px) 100vw, 1294px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Click on the Assign Feature Value and enter the values of the added Feature Category for the Product.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1301\" height=\"894\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_38_34-e1552393517199.png\" alt=\"Assign values\" class=\"wp-image-166585\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_38_34-e1552393517199.png 1301w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_38_34-e1552393517199-250x172.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_38_34-e1552393517199-300x206.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_38_34-e1552393517199-768x528.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-17_38_34-e1552393517199-1200x825.png 1200w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">This way, You can add feature values to Products. Also, You can enable\/disable the Compare button for any of these Products.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Now, You can add these feature categories &amp; values to the Collection in the app.<\/p>\n\n\n\n<h1 class=\"has-text-align-center wp-block-heading\">Collection<\/h1>\n\n\n\n<p class=\"has-text-align-center\">List of all Your Shopify Store Collections automatically added to the app.<br>View Assigned Features or Add New Features to Your Collection.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1301\" height=\"774\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_18_18-e1552373360211.png\" alt=\"collection\" class=\"wp-image-166398\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_18_18-e1552373360211.png 1301w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_18_18-e1552373360211-250x149.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_18_18-e1552373360211-300x178.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_18_18-e1552373360211-768x457.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_18_18-e1552373360211-1200x714.png 1200w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Click on <strong>Add Feature<\/strong> button to assign a new Feature to the Collection.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1297\" height=\"793\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_22_16-e1552373603713.png\" alt=\"collections\" class=\"wp-image-166402\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_22_16-e1552373603713.png 1297w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_22_16-e1552373603713-250x153.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_22_16-e1552373603713-300x183.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_22_16-e1552373603713-768x470.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_22_16-e1552373603713-1200x734.png 1200w\" sizes=\"(max-width: 1297px) 100vw, 1297px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Select a Feature Category, enter a Feature Name &amp; Feature Value.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1301\" height=\"757\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_51_52-e1552375380953.png\" alt=\"feature collection\" class=\"wp-image-166418\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_51_52-e1552375380953.png 1301w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_51_52-e1552375380953-250x145.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_51_52-e1552375380953-300x175.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_51_52-e1552375380953-768x447.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-supriya4-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-12-12_51_52-e1552375380953-1200x698.png 1200w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">This way, a new feature is assigned to the Collection.<br>To view the added Features in the Collection, click on <strong>View Feature <\/strong>button<strong>.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1032\" height=\"482\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-25.png\" alt=\"view feature\" class=\"wp-image-166421\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-25.png 1032w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-25-250x117.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-25-300x140.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-25-768x359.png 768w\" sizes=\"(max-width: 1032px) 100vw, 1032px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">&nbsp;In addition to it, You can also assign Features to Your Shopify Store Products directly from the Products section of Your Shopify Store. Just follow these simple steps:<\/p>\n\n\n\n<p class=\"has-text-align-center\">Shopify Store Backend<br>Go to Products.<br>Click on the Product to which You want to add features.<\/p>\n\n\n\n<p class=\"has-text-align-center\">This Product will be start getting reflected in the Products section of the App.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1283\" height=\"566\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/product-differentiator-Products-Creative-Painting-Shopify.png\" alt=\"assign feature\" class=\"wp-image-166666\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/product-differentiator-Products-Creative-Painting-Shopify.png 1283w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/product-differentiator-Products-Creative-Painting-Shopify-250x110.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/product-differentiator-Products-Creative-Painting-Shopify-300x132.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/product-differentiator-Products-Creative-Painting-Shopify-768x339.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/product-differentiator-Products-Creative-Painting-Shopify-1200x529.png 1200w\" sizes=\"(max-width: 1283px) 100vw, 1283px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Clicking on the Assign Value button, You will be straightaway redirected to the Product section of the App.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1290\" height=\"981\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-13-15_03_50-1-e1552469815639.png\" alt=\"Assign value\" class=\"wp-image-166668\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-13-15_03_50-1-e1552469815639.png 1290w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-13-15_03_50-1-e1552469815639-250x190.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-13-15_03_50-1-e1552469815639-300x228.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-13-15_03_50-1-e1552469815639-768x584.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-13-15_03_50-1-e1552469815639-1200x913.png 1200w\" sizes=\"(max-width: 1290px) 100vw, 1290px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">You can now assign feature values to this Product.<\/p>\n\n\n\n<p class=\"has-text-align-center\">As the admin has configured the app backend, let&#8217;s see how the customer will get the options to compare similar products.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">How to display Product Differentiator on Frontend?<\/h3><\/div><div class=\"margin-bottom-50\">\n<p class=\"has-text-align-center\">In Order to display Product Differentiator Option on Frontend for the Customers, the admin needs to follow the below steps:<\/p>\n\n\n\n<p class=\"has-text-align-center\">Login to Admin&#8217;s Shopify Store.<br>Click on Online Stores.<br>Go to the Themes Section.<br>Click on Edit Code in Action menu.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Copy the codes &amp; Paste them to the following liquid files as given below:<\/p>\n\n\n\n<p class=\"has-text-align-center\">Paste the Code to <strong>collection.liquid<\/strong> file:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;div class=\"wk_compare_products_block\"&gt; &lt;\/div&gt;\n\n\n<\/pre>\n\n\n\n<p class=\"has-text-align-center\">Paste the Code to<strong> template\/Product.liquid<\/strong> file:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;div class=\"wk_compare_products_block\"&gt; &lt;\/div&gt;\n\n<\/pre>\n\n\n\n<p class=\"has-text-align-center\">Now, Paste the Code to&nbsp;<strong>index.liquid<\/strong> file:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;div class=\"wk_compare_products_block\"&gt; &lt;\/div&gt;\n\n<\/pre>\n\n\n\n<p class=\"has-text-align-center\">Paste the Code to&nbsp;<strong>product-loop.liquid file \/ product-list-item.liquid<\/strong> file:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{% unless product.tags contains \"atc_tag\" %} \n&lt;div class=\"wk_product_comparison\"&gt; &lt;input class=\"wk_product_id\" type=\"hidden\" value=\"{{product.id}}\"&gt; &lt;\/input&gt; &lt;\/div&gt; \n{% endunless %}\n\n<\/pre>\n\n\n\n<p class=\"has-text-align-center\">Paste the Code to&nbsp;<strong>template\/Product.liquid<\/strong> file:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">{% unless product.tags contains \"atc_tag\" %} \n&lt;div class=\"wk_product_comparison wk-text-left\"&gt; &lt;input class=\"wk_product_id\" type=\"hidden\" value=\"{{product.id}}\"&gt; &lt;\/input&gt; &lt;\/div&gt; \n{% endunless %}<\/pre>\n\n\n\n<p class=\"has-text-align-center\">Please Follow the Instruction given on the Home Page &amp; add the Codes accordingly. Still if, You need our help in adding the codes, feel free to <a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\">connect<\/a>.<\/p>\n<\/div>\n\n\n\n<p class=\"has-text-align-center\">Let&#8217;s Moving on to see how the app works for the customers.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Customer End<\/h3><\/div><div class=\"margin-bottom-50\">\n<p class=\"has-text-align-center\">As soon as You add the Products for comparison and paste the codes into their respective liquid files, Your Customers will see a <strong>Checkbox<\/strong> to compare the products.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1299\" height=\"663\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-29.png\" alt=\"customer end\" class=\"wp-image-166646\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-29.png 1299w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-29-250x128.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-29-300x153.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-29-768x392.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-29-1200x612.png 1200w\" sizes=\"(max-width: 1299px) 100vw, 1299px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Customer will check the checkbox for the Products that he\/she wants to compare. Those Products will be listed separately above all the products.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Note:- Maximum Number of Products added for comparison can be decided by the admin while configuring the app.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1293\" height=\"568\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-31.png\" alt=\"add products\" class=\"wp-image-166656\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-31.png 1293w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-31-250x110.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-31-300x132.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-31-768x337.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Screenshot-31-1200x527.png 1200w\" sizes=\"(max-width: 1293px) 100vw, 1293px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">Once all the Products to be Compared are added, Click on Compare button. Thus, all the features added for the products appear and Customer can easily choose the product of their choice.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1286\" height=\"1197\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Compare-Page-\u2013-product-differentiator-1.png\" alt=\"customers end\" class=\"wp-image-166659\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Compare-Page-\u2013-product-differentiator-1.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Compare-Page-\u2013-product-differentiator-1-250x233.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Compare-Page-\u2013-product-differentiator-1-300x279.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Compare-Page-\u2013-product-differentiator-1-768x715.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/03\/Compare-Page-\u2013-product-differentiator-1-1100x1024.png 1100w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\">This is how Your customers will have the choice to compare different products of Similar Category and choose the best product of their choice.<\/p>\n<\/div>\n\n\n\n<p class=\"has-text-align-center\">For detailed User Guide,<a rel=\"noreferrer noopener\" href=\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/\" target=\"_blank\"> Click Here<\/a>.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Check the App Demo<\/h3><\/div><div class=\"margin-bottom-50\">\n<p class=\"has-text-align-center\">Refer to the Link to check the Demo of Product Differentiator App:<\/p>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/product-differentiator.myshopify.com\/pages\/demo\">https:\/\/product-differentiator.myshopify.com\/pages\/demo<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Need Help?<\/h3><\/div><div class=\"margin-bottom-50\">\n<p class=\"has-text-align-center\">If You have any query\/issue with the app, feel free to write to us at <strong>support@webkul.com<\/strong> or simply create a ticket at&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\">https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>PRODUCT DIFFERENTIATOR FOR SHOPIFY Product Differentiator App&nbsp;is dedicated to help Your customers in choosing a product of their choice by comparing two or more products of the same category. Thus, avoid confusion and get the best product of their choice. Here is the Guide to help You with the App Installation &amp; Configuration. Please Have <a href=\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":183,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[841],"tags":[8259,2798,8258,2801,2797],"class_list":["post-166303","post","type-post","status-publish","format-standard","hentry","category-shopify","tag-compare-products-in-shopify","tag-product-differentiator","tag-product-differentiator-app-for-shopify","tag-shopify-compare-products","tag-shopify-product-differentiator"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Product Differentiator for Shopify | Compare Products<\/title>\n<meta name=\"description\" content=\"Product Differentiator App for Shopify helps Your customers to compare products of similar categories and choose one of their choice.\" \/>\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\/product-differentiator-for-shopify-workflow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Product Differentiator for Shopify | Compare Products\" \/>\n<meta property=\"og:description\" content=\"Product Differentiator App for Shopify helps Your customers to compare products of similar categories and choose one of their choice.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/\" \/>\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=\"2019-05-08T06:26:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-02-07T10:00:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png\" \/>\n<meta name=\"author\" content=\"Supriya Srivastava\" \/>\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=\"Supriya Srivastava\" \/>\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\/product-differentiator-for-shopify-workflow\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/\"},\"author\":{\"name\":\"Supriya Srivastava\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/82e882f9d26265c50d20efca6f27f973\"},\"headline\":\"Product Differentiator for Shopify: WORKFLOW\",\"datePublished\":\"2019-05-08T06:26:12+00:00\",\"dateModified\":\"2020-02-07T10:00:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/\"},\"wordCount\":1313,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png\",\"keywords\":[\"compare products in shopify\",\"Product Differentiator\",\"product differentiator app for shopify\",\"shopify compare products\",\"Shopify Product Differentiator\"],\"articleSection\":[\"Shopify\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/\",\"url\":\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/\",\"name\":\"Product Differentiator for Shopify | Compare Products\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png\",\"datePublished\":\"2019-05-08T06:26:12+00:00\",\"dateModified\":\"2020-02-07T10:00:56+00:00\",\"description\":\"Product Differentiator App for Shopify helps Your customers to compare products of similar categories and choose one of their choice.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png\",\"width\":1149,\"height\":467,\"caption\":\"Install app\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product Differentiator for Shopify: WORKFLOW\"}]},{\"@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\/82e882f9d26265c50d20efca6f27f973\",\"name\":\"Supriya Srivastava\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?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\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Supriya Srivastava\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/supriya-srivastava691\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Product Differentiator for Shopify | Compare Products","description":"Product Differentiator App for Shopify helps Your customers to compare products of similar categories and choose one of their choice.","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\/product-differentiator-for-shopify-workflow\/","og_locale":"en_US","og_type":"article","og_title":"Product Differentiator for Shopify | Compare Products","og_description":"Product Differentiator App for Shopify helps Your customers to compare products of similar categories and choose one of their choice.","og_url":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2019-05-08T06:26:12+00:00","article_modified_time":"2020-02-07T10:00:56+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png","type":"","width":"","height":""}],"author":"Supriya Srivastava","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Supriya Srivastava","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/"},"author":{"name":"Supriya Srivastava","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/82e882f9d26265c50d20efca6f27f973"},"headline":"Product Differentiator for Shopify: WORKFLOW","datePublished":"2019-05-08T06:26:12+00:00","dateModified":"2020-02-07T10:00:56+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/"},"wordCount":1313,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png","keywords":["compare products in shopify","Product Differentiator","product differentiator app for shopify","shopify compare products","Shopify Product Differentiator"],"articleSection":["Shopify"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/","url":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/","name":"Product Differentiator for Shopify | Compare Products","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png","datePublished":"2019-05-08T06:26:12+00:00","dateModified":"2020-02-07T10:00:56+00:00","description":"Product Differentiator App for Shopify helps Your customers to compare products of similar categories and choose one of their choice.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/05\/Screenshot-22.png","width":1149,"height":467,"caption":"Install app"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Product Differentiator for Shopify: WORKFLOW"}]},{"@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\/82e882f9d26265c50d20efca6f27f973","name":"Supriya Srivastava","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?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\/01a0336285ee18d95bdb526260e11e31f9329f011ca4e492c66b84651cb36281?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Supriya Srivastava"},"url":"https:\/\/webkul.com\/blog\/author\/supriya-srivastava691\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/166303","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\/183"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=166303"}],"version-history":[{"count":31,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/166303\/revisions"}],"predecessor-version":[{"id":229541,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/166303\/revisions\/229541"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=166303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=166303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=166303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}