{"id":41831,"date":"2016-02-26T14:59:14","date_gmt":"2016-02-26T14:59:14","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=41831"},"modified":"2021-09-06T11:43:38","modified_gmt":"2021-09-06T11:43:38","slug":"shopify-product-differentiator","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/","title":{"rendered":"Product Differentiator App for Shopify &#8211; [User Guide]"},"content":{"rendered":"\n<p>Product Differentiator\u00a0for Shopify allows your users to choose the right product by comparing the features of the same category product, avoiding confusion, and getting the best product for all their needs. The app gives a facility to compare products in terms of the features you assign. So go ahead, assign features to products and let customers compare the products of your shop.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Features<\/h3><\/div><div class=\"margin-bottom-50\">\n<p><\/p>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>Buyers can compare products.<\/li><li>Admin can set features and default features for product comparison.<\/li><li>Also, admin can assign features to the product<\/li><li>Admin can also categorize features<\/li><li>Also, get a dedicated comparison page<\/li><li>Seamless Integration.<\/li><li>Also, cross-browser compatible.<\/li><li>Besides that, you can easily configure it as it is user-friendly.<\/li><\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Video<\/h3><\/div><div class=\"margin-bottom-50\">\n<p><\/p>\n<\/div>\n\n\n\n<p>Here is the Video Guide of Complete AppFlow:<\/p>\n\n\n<p><iframe title=\"Product Differentiator App for Shopify\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/kkSg_Sx74-M?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen loading=\"lazy\"><\/iframe><\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">App Installation<\/h3><\/div><div class=\"margin-bottom-50\">\n<p><\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1349\" height=\"650\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD1.png\" alt=\"PD1\" class=\"wp-image-41904\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD1.png 1349w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD1-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD1-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD1-768x370.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD1-1200x578.png 1200w\" sizes=\"(max-width: 1349px) 100vw, 1349px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Also, on <strong><a href=\"http:\/\/shopify.webkul.com\/shopify-product-comparision\/index.php?p=landing_page\">Landing Page,<\/a> <\/strong> you will find the \u201cinstall\u201d button. Enter the shop URL where you want to install the app.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Workflow<\/h3><\/div><div class=\"margin-bottom-50\">\n<p><\/p>\n<\/div>\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\/2016\/02\/Screenshot-14.png\" alt=\"differentiator app\" class=\"wp-image-165751\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Screenshot-14.png 1295w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Screenshot-14-250x119.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Screenshot-14-300x143.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Screenshot-14-768x365.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Screenshot-14-1200x571.png 1200w\" sizes=\"(max-width: 1295px) 100vw, 1295px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After the installation, you need to buy the monthly plan available for this app. Once the payment is done for the plan, the App will be listed here:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1297\" height=\"615\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Screenshot-15.png\" alt=\"app section\" class=\"wp-image-165754\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Screenshot-15.png 1297w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Screenshot-15-250x119.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Screenshot-15-300x142.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Screenshot-15-768x364.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Screenshot-15-1200x569.png 1200w\" sizes=\"(max-width: 1297px) 100vw, 1297px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Also, clicking on which you will redirect to Product Differentiator App straight-away.<br><br>On the home page itself, you will find few codes to paste in .liquid files of HTML\/CSS to display the comparison bar on the frontend.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Configuring the app<\/h3><\/div><div class=\"margin-bottom-50\">\n<p><\/p>\n<\/div>\n\n\n\n<p>The configuration of the Product Differentiator is very simple and divided into 03 sections:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li> <strong>Configuration<\/strong><\/li><li><strong>Default Features<\/strong><\/li><li><strong>Design<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1297\" height=\"2017\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-07-18_14_12-1.png\" alt=\"Configure App\" class=\"wp-image-165764\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-07-18_14_12-1.png 1297w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-07-18_14_12-1-160x249.png 160w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-07-18_14_12-1-193x300.png 193w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-07-18_14_12-1-768x1194.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/screencapture-product-differentiator-myshopify-admin-apps-product-differentiator-shopify-product-comparision-index-php-2019-03-07-18_14_12-1-658x1024.png 658w\" sizes=\"(max-width: 1297px) 100vw, 1297px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Configuration<\/strong>: <\/h2>\n\n\n\n<p>Here you have to enter your Shopify store URL and enter the value of the maximum number of products you want your buyer to be able to compare.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1349\" height=\"650\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD-conf-2.png\" alt=\"PD conf-2\" class=\"wp-image-42051\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD-conf-2.png 1349w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD-conf-2-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD-conf-2-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD-conf-2-768x370.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/PD-conf-2-1200x578.png 1200w\" sizes=\"(max-width: 1349px) 100vw, 1349px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Default Feature<\/strong>: <\/h2>\n\n\n\n<p>In this section of the configuration, the admin will have to set the default features from here which will be applicable for all the products by default.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"2049\" height=\"989\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Apps-Shopify-2016-02-26-12-31-46.png\" alt=\"nitika-store ~ Apps ~ Shopify 2016-02-26 12-31-46\" class=\"wp-image-42052\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Apps-Shopify-2016-02-26-12-31-46.png 2049w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Apps-Shopify-2016-02-26-12-31-46-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Apps-Shopify-2016-02-26-12-31-46-300x145.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Apps-Shopify-2016-02-26-12-31-46-768x371.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Apps-Shopify-2016-02-26-12-31-46-1200x579.png 1200w\" sizes=\"(max-width: 2049px) 100vw, 2049px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Design<\/strong>: <\/h2>\n\n\n\n<p>From this section of the app, the admin can manage the display design of the frontend by choosing the colors, button text, etc.<\/p>\n\n\n\n<p>Completing these three steps will configure your Product Differentiator app.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Collection<\/h2>\n\n\n\n<p>This section shows all the collections of your Shopify store. From here, you can view the assigned features of a collection and even can add new features to any collection.<br>Moreover, clicking on Add feature button in front of each collection will enable you to add the feature by selecting Feature Category, Feature Name and Default Feature Value.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1133\" height=\"639\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect.png\" alt=\"collect\" class=\"wp-image-42079\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect.png 1133w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect-250x141.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect-300x169.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect-768x433.png 768w\" sizes=\"(max-width: 1133px) 100vw, 1133px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1343\" height=\"644\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect1.png\" alt=\"collect1\" class=\"wp-image-42088\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect1.png 1343w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect1-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect1-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect1-768x368.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect1-1200x575.png 1200w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1343\" height=\"644\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect3.png\" alt=\"collect3\" class=\"wp-image-42089\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect3.png 1343w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect3-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect3-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect3-768x368.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/collect3-1200x575.png 1200w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Clicking on view features button will redirect the user to the section from where that particular section can be enabled\/disabled, edited or deleted.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Products<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1347\" height=\"624\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/differentiatorr.png\" alt=\"differentiatorr\" class=\"wp-image-52341\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/differentiatorr.png 1347w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/differentiatorr-250x116.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/differentiatorr-300x139.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/differentiatorr-768x356.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/differentiatorr-1200x556.png 1200w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1343\" height=\"644\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nit1.png\" alt=\"nit1\" class=\"wp-image-42092\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nit1.png 1343w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nit1-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nit1-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nit1-768x368.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nit1-1200x575.png 1200w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The product section of the app shows a list of products that are either imported from the Shopify store or imported for the \u201cImport products\u201d section of the app. Assign the feature values from here, and these features will be reflected at the front end.<br>Also, you can enable \/disable to display or remove&nbsp;the add to compare button on the front end for any product any time by enabling or disabling the button given in front of each product in this section.<br>Search products with the help of the filters given as well.<br><br>Clicking on Assign Feature Value user will get redirected to the below page where it will require to enter the feature value.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Feature Categories<\/h2>\n\n\n\n<p>This section lists the feature categories added by you. You can edit, delete, enable\/disable the feature categories from here. Please note that you are not allowed to delete the default feature categories, however, it can be edited, enabled or disabled.<br>The categories can be searched with the help of the filters given as well.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1343\" height=\"644\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/gfrdjk.png\" alt=\"gfrdjk\" class=\"wp-image-42094\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/gfrdjk.png 1343w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/gfrdjk-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/gfrdjk-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/gfrdjk-768x368.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/gfrdjk-1200x575.png 1200w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1343\" height=\"644\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/dxcf.png\" alt=\"dxcf\" class=\"wp-image-42095\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/dxcf.png 1343w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/dxcf-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/dxcf-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/dxcf-768x368.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/dxcf-1200x575.png 1200w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><br>Moreover, clicking on the edit button will enable the user to edit the name and position.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Default Feature<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1343\" height=\"644\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/thy.png\" alt=\"thy\" class=\"wp-image-42096\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/thy.png 1343w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/thy-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/thy-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/thy-768x368.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/thy-1200x575.png 1200w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>This section lists the default features. A default feature is assigned to all the collections. The default features are added at the time of installation and can&#8217;t be deleted, however, they can be edited, enabled or disabled.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1343\" height=\"644\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/rtgv.png\" alt=\"rtgv\" class=\"wp-image-42098\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/rtgv.png 1343w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/rtgv-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/rtgv-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/rtgv-768x368.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/rtgv-1200x575.png 1200w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Clicking on the edit button of the default feature will allow the user to edit the default feature as well as to add a new default feature also.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Import Product<\/h2>\n\n\n\n<p>This section allows you to import your Shopify products to the app. You can pick a date span or import via a product CSV. Download the sample CSV and start adding your products. Hence It is divided into two parts- Import products by date or by uploading the CSV.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1343\" height=\"644\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/fhvik.png\" alt=\"fhvik\" class=\"wp-image-42099\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/fhvik.png 1343w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/fhvik-250x120.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/fhvik-300x144.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/fhvik-768x368.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/fhvik-1200x575.png 1200w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Display Product Differentiator on the front end<\/h2>\n\n\n\n<p><strong>Moreover, to get Product Differentiator displayed on the front end for selected products, follow the below process:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Click on Online Store<\/li><li>Go To Themes<\/li><li>Click on Customize Theme button on the top right<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/10.jpeg\"><img decoding=\"async\" width=\"1300\" height=\"670\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/10.jpeg\" alt=\"10\" class=\"wp-image-32153\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/10.jpeg 1300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/10-250x129.jpeg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/10-300x155.jpeg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/10-1200x618.jpeg 1200w\" sizes=\"(max-width: 1300px) 100vw, 1300px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Select Edit HTML\/CSS button from the Theme Option on Top Left<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/11.jpeg\"><img decoding=\"async\" width=\"1235\" height=\"294\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/11.jpeg\" alt=\"11\" class=\"wp-image-32154\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/11.jpeg 1235w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/11-250x60.jpeg 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/11-300x71.jpeg 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2015\/10\/11-1200x286.jpeg 1200w\" sizes=\"(max-width: 1235px) 100vw, 1235px\" loading=\"lazy\" \/><\/a><\/figure>\n\n\n\n<p>Then paste the below-given codes in the files as stated below:<\/p>\n\n\n\n<p><strong>Paste the below-given code in the collection.liquid file<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;div class=\"wk_compare_products_block\"&gt; &lt;\/div&gt;<\/pre>\n\n\n\n<p><strong>Then, Paste the below-given code in the product.liquid file (Templates)<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;div class=\"wk_compare_products_block\"&gt; &lt;\/div&gt;<\/pre>\n\n\n\n<p><strong>Paste the below-given code in index.liquid file<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;div class=\"wk_compare_products_block\"&gt; &lt;\/div&gt;<\/pre>\n\n\n\n<p><strong>Paste the below-given code in product-loop.liquid file \/ product-list-item.liquid file<\/strong><\/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 %}<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"><strong>Paste below given code in product.liquid file (Assets)<\/strong><\/pre>\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 %}<\/pre>\n\n\n\n<p>And Once all the above codes are pasted in their respective files, the configuring part for the front end is done. The product Differentiator will get displayed at the front end when products will be added to compare.<\/p>\n\n\n\n<p>*Also, only the same category products can be compared.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Code Pasting for Online Store 2.0<\/h3><\/div>\n\n\n\n<p>If you are using\u00a0<strong><a href=\"https:\/\/www.shopify.com\/partners\/blog\/shopify-online-store\" target=\"_blank\" rel=\"noreferrer noopener\">Online store 2.0<\/a><\/strong>\u00a0(Example- Dawn), you need to follow the steps to add the codes.<\/p>\n\n\n\n<p>Copy the given code and paste it to file:<\/p>\n\n\n\n<p>&#8211;<strong> main-product.liquid<\/strong> (below the line &#8221;)<br>&#8211; <strong>main-collection-product-grid.liquid <\/strong>(above the line &#8216;&lt;div class=&#8221;page-width collection-filters&#8221;&#8216;)<br>&#8211; <strong>main-search.liquid<\/strong> (above the line &#8216;{%- if search.performed and search.results.size > 0 -%}&#8217;)<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">&lt;div class=&quot;wk_compare_products_block&quot;&gt; &lt;\/div&gt;<\/pre>\n\n\n\n<p>Also, copy the given code and paste it to the file &#8216;<strong>product-card.liquid<\/strong>&#8216; (at the end of the file). <\/p>\n\n\n\n<p>NOTE:- Replace &#8216;PRODUCT_ID&#8217; with &#8216;<strong>product_card_product.id<\/strong>&#8216; (not the braces{{ }}) in the below code.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% unless product.tags contains &quot;atc_tag&quot; %}\n&lt;div class=&quot;wk_product_comparison wk-text-left&quot;&gt; &lt;input class=&quot;wk_product_id&quot; type=&quot;hidden&quot; value=&quot;{{PRODUCT_ID}}&quot;&gt; &lt;\/input&gt; &lt;\/div&gt;\n{% endunless %}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Front End<\/h2>\n\n\n\n<p>With this app, only the same category products can be compared with each other and those products need to be imported on to the app as well.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1343\" height=\"620\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-nitika-store.png\" alt=\"ROYAL SOFA_HOME_LIVING AREA \u2013 nitika store\" class=\"wp-image-43564\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-nitika-store.png 1343w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-nitika-store-250x115.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-nitika-store-300x138.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-nitika-store-768x355.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-nitika-store-1200x554.png 1200w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, once all the code is pasted and the products are imported to the app, a checkbox of add to compare will appear all the page.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1343\" height=\"620\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-2nitika-store.png\" alt=\"ROYAL SOFA_HOME_LIVING AREA \u2013 2nitika store\" class=\"wp-image-43565\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-2nitika-store.png 1343w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-2nitika-store-250x115.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-2nitika-store-300x138.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-2nitika-store-768x355.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/ROYAL-SOFA_HOME_LIVING-AREA-\u2013-2nitika-store-1200x554.png 1200w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>So, once the checkbox is check for compare then it will get added in the compare section just above and any other same category product can be added to compare.<\/p>\n\n\n\n<p>Note: A maximum number of products to be compared at once will be set by the Store owner and only a maximum of that number can be compared at once.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1200\" height=\"620\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitik-store.png\" alt=\"nitik store\" class=\"wp-image-43663\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitik-store.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitik-store-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitik-store-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitik-store-768x397.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Also, once all the products to be compared are added, click on compare and all the features will get displayed and the buyer can easily differentiate and choose the best as per the requirement.<\/p>\n\n\n\n<p>This is how the product differentiator works on the front end.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Important Note<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1347\" height=\"624\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Products-4-SEATER-DINING-TABLE_HOME-Shopify.png\" alt=\"nitika store Products 4 SEATER DINING TABLE_HOME Shopify\" class=\"wp-image-43903\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Products-4-SEATER-DINING-TABLE_HOME-Shopify.png 1347w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Products-4-SEATER-DINING-TABLE_HOME-Shopify-250x116.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Products-4-SEATER-DINING-TABLE_HOME-Shopify-300x139.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Products-4-SEATER-DINING-TABLE_HOME-Shopify-768x356.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/nitika-store-Products-4-SEATER-DINING-TABLE_HOME-Shopify-1200x556.png 1200w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Also, for the products on which store owner wants to assign feature via product differentiator app, the store owner will have to visit that product from Shopify backend&#8217;s product section and have to click on Assign Feature by clicking on the three dots on the top right.<br>Now, once you select the assign feature, that product will reflect in the product section of the differentiator app and you can then configure from there.<br>For instance, refer to the image below:<br><\/p>\n\n\n\n<p><strong><a href=\"https:\/\/webkul.com\/blog\/product-differentiator-for-shopify-workflow\/\" target=\"_blank\" rel=\"noreferrer noopener\">CHECK THE COMPLETE WORKFLOW OF THE APP<\/a><\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Demo Details<\/h2>\n\n\n\n<p>In conclusion, check the demo of this app:<\/p>\n\n\n\n<p><strong>FrontEnd Demo:&nbsp;<\/strong><a href=\"https:\/\/product-differentiator.myshopify.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>https:\/\/product-differentiator.myshopify.com<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Support<\/h2>\n\n\n\n<p><strong>Moreover, if you need any kind of support\/consultancy then please raise a ticket at:<\/strong><\/p>\n\n\n\n<p><strong> <a href=\"http:\/\/webkul.com\/ticket\/\"><strong>webkul.com\/ticket<\/strong><\/a> or drop a mail at support@webkul.com<\/strong><\/p>\n\n\n\n<p>Thanks for reading this blog!!! \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Product Differentiator\u00a0for Shopify allows your users to choose the right product by comparing the features of the same category product, avoiding confusion, and getting the best product for all their needs. The app gives a facility to compare products in terms of the features you assign. So go ahead, assign features to products and let <a href=\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":62,"featured_media":43011,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[841],"tags":[2800,2799,2798,2801],"class_list":["post-41831","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify","tag-compare-products","tag-product-compare","tag-product-differentiator","tag-shopify-compare-products"],"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 | Webkul Blog<\/title>\n<meta name=\"description\" content=\"Product Differentiator for Shopify allows users to choose the right product by comparing the features of same category product and much more.\" \/>\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\/shopify-product-differentiator\/\" \/>\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 | Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Product Differentiator for Shopify allows users to choose the right product by comparing the features of same category product and much more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/\" \/>\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=\"2016-02-26T14:59:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-06T11:43:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Product-Differentiator-Banner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nitika 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=\"Nitika Srivastava\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/\"},\"author\":{\"name\":\"Nitika Srivastava\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/31e6b1bd68596c3363b99bf80c8f5f1e\"},\"headline\":\"Product Differentiator App for Shopify &#8211; [User Guide]\",\"datePublished\":\"2016-02-26T14:59:14+00:00\",\"dateModified\":\"2021-09-06T11:43:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/\"},\"wordCount\":1287,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Product-Differentiator-Banner.png\",\"keywords\":[\"compare products\",\"product compare\",\"Product Differentiator\",\"shopify compare products\"],\"articleSection\":[\"Shopify\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/\",\"url\":\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/\",\"name\":\"Product Differentiator for Shopify | Compare Products | Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Product-Differentiator-Banner.png\",\"datePublished\":\"2016-02-26T14:59:14+00:00\",\"dateModified\":\"2021-09-06T11:43:38+00:00\",\"description\":\"Product Differentiator for Shopify allows users to choose the right product by comparing the features of same category product and much more.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Product-Differentiator-Banner.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Product-Differentiator-Banner.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product Differentiator App for Shopify &#8211; [User Guide]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/31e6b1bd68596c3363b99bf80c8f5f1e\",\"name\":\"Nitika Srivastava\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/10b7177030c457740672d62c024f93fefe3adb15da4c1a6923435ed446d89e77?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\/10b7177030c457740672d62c024f93fefe3adb15da4c1a6923435ed446d89e77?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Nitika Srivastava\"},\"sameAs\":[\"http:\/\/webkul.com\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/nitika-srivastava\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Product Differentiator for Shopify | Compare Products | Webkul Blog","description":"Product Differentiator for Shopify allows users to choose the right product by comparing the features of same category product and much more.","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\/shopify-product-differentiator\/","og_locale":"en_US","og_type":"article","og_title":"Product Differentiator for Shopify | Compare Products | Webkul Blog","og_description":"Product Differentiator for Shopify allows users to choose the right product by comparing the features of same category product and much more.","og_url":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-02-26T14:59:14+00:00","article_modified_time":"2021-09-06T11:43:38+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Product-Differentiator-Banner.png","type":"image\/png"}],"author":"Nitika Srivastava","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Nitika Srivastava","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/"},"author":{"name":"Nitika Srivastava","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/31e6b1bd68596c3363b99bf80c8f5f1e"},"headline":"Product Differentiator App for Shopify &#8211; [User Guide]","datePublished":"2016-02-26T14:59:14+00:00","dateModified":"2021-09-06T11:43:38+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/"},"wordCount":1287,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Product-Differentiator-Banner.png","keywords":["compare products","product compare","Product Differentiator","shopify compare products"],"articleSection":["Shopify"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/","url":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/","name":"Product Differentiator for Shopify | Compare Products | Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Product-Differentiator-Banner.png","datePublished":"2016-02-26T14:59:14+00:00","dateModified":"2021-09-06T11:43:38+00:00","description":"Product Differentiator for Shopify allows users to choose the right product by comparing the features of same category product and much more.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/shopify-product-differentiator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Product-Differentiator-Banner.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Product-Differentiator-Banner.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/shopify-product-differentiator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Product Differentiator App for Shopify &#8211; [User Guide]"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/31e6b1bd68596c3363b99bf80c8f5f1e","name":"Nitika Srivastava","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/10b7177030c457740672d62c024f93fefe3adb15da4c1a6923435ed446d89e77?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\/10b7177030c457740672d62c024f93fefe3adb15da4c1a6923435ed446d89e77?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Nitika Srivastava"},"sameAs":["http:\/\/webkul.com"],"url":"https:\/\/webkul.com\/blog\/author\/nitika-srivastava\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/41831","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\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=41831"}],"version-history":[{"count":32,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/41831\/revisions"}],"predecessor-version":[{"id":304494,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/41831\/revisions\/304494"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/43011"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=41831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=41831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=41831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}