{"id":7781,"date":"2019-04-04T14:37:51","date_gmt":"2019-04-04T14:37:51","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=7781"},"modified":"2023-07-19T09:54:21","modified_gmt":"2023-07-19T09:54:21","slug":"how-to-create-a-page-with-products-comparison","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/","title":{"rendered":"How to Create a Page with Products Comparison"},"content":{"rendered":"\n

When the customer is in doubt about which of several products to choose, he would want to compare them. The JetCompareWishlist plugin gives you all the tools to add the “Compare”<\/strong> button to the product’s single page and create a page where the comparison table will be shown. This tutorial will lead you through all the steps of creating a comparison page.<\/p>\n\n\n\n

Create a Page<\/h2>\n\n\n\n

If you want to have a separate page for the compare list, you should add a default WordPress page first. Open your website’s Dashboard <\/strong>and go to the Pages <\/strong>tab. Click the “Add New<\/strong>” button and create a page for comparison tables.<\/p>\n\n\n

<\/svg><\/div>
Warning<\/div>

Be aware, that you can use any existing page to place comparison table there as well.<\/p><\/div><\/div>\n\n\n\n

Enable Comparison Settings<\/h2>\n\n\n\n

To be able to use comparison functionality, you have to enable it first. Go to JetPlugins > JetCompareWishlist Settings<\/em><\/strong> and turn the Compare<\/strong> functionality on. In the Compare Page<\/strong> field, choose the page you created for comparison tables. For more details, follow the How to Enable Comparison Functionality<\/a><\/strong> guide.<\/p>\n\n\n\n

Add Some Products to the Comparison Table<\/h2>\n\n\n\n

If you turn the Add default Compare Button<\/strong> toggle on, all the WooCommerce products on our website now have the default “Compare<\/strong>” button. Open the front end of your website’s shop page and add some products to the comparison list by clicking on the “Compare<\/strong>” button. That’s necessary because otherwise, you won’t see the compared products later in the table.<\/p>\n\n\n\n\"Add\n\n\n\n

Add the Compare Widget and Customize It<\/h2>\n\n\n\n

Open the page that you’ve created previously and hit the “Edit with Elementor<\/strong>” button. Seek the Compare <\/strong>widget and drop it to the page.<\/p>\n\n\n\n\"Compare\n\n\n\n

There are three comparison widgets that allow making your shop page more profitable and user-friendly. They are the Compare Button<\/strong>, Compare Count Button<\/strong>, and Compare<\/strong> widgets. You can find out more about their functionality from the Compare Widgets Overview<\/a><\/strong>.<\/p>\n\n\n\n

Customize all the settings in the Content<\/strong> tab according to your taste and needs. It refers to each widget for product comparison.<\/p>\n\n\n\n

In the Style<\/strong> settings block, you can change the appearance of every item of the table according to the design of your shop.<\/p>\n\n\n\n

When all customizations are done, click the “Update<\/strong>” button.<\/p>\n\n\n\n\"Comparison\n\n\n\n

Now you know how to create a page with the Product Comparison on it.<\/p>\n","protected":false},"excerpt":{"rendered":"

JetCompareWishlist plugin provides an opportunity to display a comparison table of products. This tutorial will show you how to do it.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[299],"yoast_head":"\nJetCompareWishlist: How to Add Compare Page | Crocoblock<\/title>\n<meta name=\"description\" content=\"Check how to build and display compare tables with WooCommerce products in Elementor using the JetCompareWishlist plugin.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JetCompareWishlist: How to Add Compare Page | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Check how to build and display compare tables with WooCommerce products in Elementor using the JetCompareWishlist plugin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-19T09:54:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/04\/compare-front-2x.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/\",\"name\":\"JetCompareWishlist: How to Add Compare Page | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-04-04T14:37:51+00:00\",\"dateModified\":\"2023-07-19T09:54:21+00:00\",\"description\":\"Check how to build and display compare tables with WooCommerce products in Elementor using the JetCompareWishlist plugin.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Create a Page with Products Comparison\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JetCompareWishlist: How to Add Compare Page | Crocoblock","description":"Check how to build and display compare tables with WooCommerce products in Elementor using the JetCompareWishlist plugin.","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:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/","og_locale":"en_US","og_type":"article","og_title":"JetCompareWishlist: How to Add Compare Page | Crocoblock","og_description":"Check how to build and display compare tables with WooCommerce products in Elementor using the JetCompareWishlist plugin.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/","og_site_name":"Help Center","article_modified_time":"2023-07-19T09:54:21+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/04\/compare-front-2x.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/","name":"JetCompareWishlist: How to Add Compare Page | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-04-04T14:37:51+00:00","dateModified":"2023-07-19T09:54:21+00:00","description":"Check how to build and display compare tables with WooCommerce products in Elementor using the JetCompareWishlist plugin.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetcomparewishlist\/how-to-create-a-page-with-products-comparison\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Create a Page with Products Comparison"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/7781"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=7781"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=7781"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=7781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}