{"id":8424,"date":"2019-06-06T09:29:03","date_gmt":"2019-06-06T09:29:03","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=8424"},"modified":"2023-01-24T19:13:03","modified_gmt":"2023-01-24T19:13:03","slug":"jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/","title":{"rendered":"How to Use WooCommerce Sale Products Widget"},"content":{"rendered":"\n<p>Display sale products easily on your website\u2019s page with the WooCommerce Sale Products widget. With this widget, you can add products that are on sale and sort them using custom orders.<\/p>\n\n\n\n<p>This tutorial will teach you how to add sale products on your website with the <strong>WooCommerce Sale Products<\/strong> widget. Let\u2019s have a closer look at this process.<\/p>\n\n\n\n<p class=\"style-title-numecal\"><b><span>1<\/span> Step<\/b> <strong>\u2014 Add a sale price to the products<\/strong><\/p>\n\n\n\n<p>First of all, open your WordPress Dashboard and navigate to <strong><em>Products<\/em><\/strong><em> > <\/em><strong><em>All Products<\/em><\/strong>. Choose the product which you want to rate as a sale product and click on the &#8220;<strong>Quick Edit<\/strong>&#8221; button.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/product-quick-edit.png\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/product-quick-edit-2x.png 2x\" alt=\"Edit the product\" class=\"wp-image-20812\"><\/figure><\/div>\n\n\n\n<p>Find the <strong>Product Data<\/strong> block. Here you can set a <strong>Sale<\/strong> price for the chosen products. Don\u2019t forget to click on the &#8220;<strong>Update<\/strong>&#8221; button to save the changes.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/product-data.png\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/product-data-2x.png 2x\" alt=\"Product Data block\" class=\"wp-image-20810\"><\/figure><\/div>\n\n\n\n<p class=\"style-title-numecal\"><b><span>2<\/span> Step<\/b> <strong>\u2014 Add the widget to the page<\/strong><\/p>\n\n\n\n<p>When you are done adding the sale prices, open the page where you would like to place the Sale Products block in the Elementor page builder. Find the <strong>WooCommerce Sale Products<\/strong> widget in the left-side menu and drag it to the section where you want to place it.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/sale-products-widget.png\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/sale-products-widget-2x.png 2x\" alt=\"WooCommerce Sale Products widget\" class=\"wp-image-20818\"><\/figure><\/div>\n\n\n\n<p>Afterward, you\u2019ll see products that are on sale on your page. In the <strong>Content <\/strong>settings block, you can choose the number of <strong>Products per page<\/strong> and set the number of <strong>Columns<\/strong>. Also, you\u2019re able to <strong>Order<\/strong> products by <strong>Title<\/strong>, <strong>ID<\/strong>, <strong>Date<\/strong>, etc.<\/p>\n\n\n\n<p>Moreover, there\u2019s an opportunity to choose <strong>Descending<\/strong> or <strong>Ascending Order<\/strong> for products. With the help of the <strong>Show Sale Products Pagination<\/strong> toggle, you can show the grid separated into pages.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/sale-products-settings.png\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/sale-products-settings-2x.png 2x\" alt=\"WooCommerce Sale Products settings\" class=\"wp-image-20816\"><\/figure><\/div>\n\n\n\n<p>When you\u2019ve finished with customization, click on the &#8220;<strong>Publish<\/strong>&#8221; button and enjoy the results.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/sale-products-front.png\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/sale-products-front-2x.png 2x\" alt=\"WooCommerce Sale Products front look\" class=\"wp-image-20814\"><\/figure><\/div>\n\n\n\n<p>Now you know how to add sale products to your website\u2019s page built with <strong>Elementor<\/strong> with the help of<strong> the WooCommerce Sale Products<\/strong> widget. Congrats!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Find out how to add WooCommerce Sale Products to your online store with the help of the JetElements plugin.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[512],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JetElements: How to Show Products on Sale on Your Website | Crocoblock<\/title>\n<meta name=\"description\" content=\"Check the steps to use WooCommerce Sale Products widget from JetElements plugin to display products that are on sale on Elementor-built site.\" \/>\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\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JetElements: How to Show Products on Sale on Your Website | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Check the steps to use WooCommerce Sale Products widget from JetElements plugin to display products that are on sale on Elementor-built site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-24T19:13:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/product-quick-edit.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\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/\",\"name\":\"JetElements: How to Show Products on Sale on Your Website | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-06-06T09:29:03+00:00\",\"dateModified\":\"2023-01-24T19:13:03+00:00\",\"description\":\"Check the steps to use WooCommerce Sale Products widget from JetElements plugin to display products that are on sale on Elementor-built site.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/#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 Use WooCommerce Sale Products Widget\"}]},{\"@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":"JetElements: How to Show Products on Sale on Your Website | Crocoblock","description":"Check the steps to use WooCommerce Sale Products widget from JetElements plugin to display products that are on sale on Elementor-built site.","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\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/","og_locale":"en_US","og_type":"article","og_title":"JetElements: How to Show Products on Sale on Your Website | Crocoblock","og_description":"Check the steps to use WooCommerce Sale Products widget from JetElements plugin to display products that are on sale on Elementor-built site.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/","og_site_name":"Help Center","article_modified_time":"2023-01-24T19:13:03+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/06\/product-quick-edit.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\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/","name":"JetElements: How to Show Products on Sale on Your Website | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-06-06T09:29:03+00:00","dateModified":"2023-01-24T19:13:03+00:00","description":"Check the steps to use WooCommerce Sale Products widget from JetElements plugin to display products that are on sale on Elementor-built site.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-woocommerce-sale-products-widget-how-to-add-products-on-sale-to-your-website\/#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 Use WooCommerce Sale Products Widget"}]},{"@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\/8424"}],"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=8424"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=8424"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=8424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}