{"id":38173,"date":"2023-03-14T13:12:44","date_gmt":"2023-03-14T13:12:44","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=38173"},"modified":"2023-07-28T13:51:20","modified_gmt":"2023-07-28T13:51:20","slug":"how-to-add-sale-and-best-seller-badges-to-woocommerce-products","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/","title":{"rendered":"How to Add Sale and Best Seller Badges to WooCommerce Products"},"content":{"rendered":"\n

Adding the Heading Widget<\/strong><\/h2>\n\n\n\n
\n

Navigate to the JetEngine > Listings<\/em><\/strong> tab and open the listing template with applied dynamic tags (here, Products_listing_items<\/em>). Open the listing template and drag and drop the Heading<\/strong> widget where needed to place a badge. <\/p>\n\n\n\n

If you want to put it at the top of the item, add the Inner Section<\/strong> widget previously.<\/p>\n\n\n\n\"adding\n<\/div><\/div>\n\n\n\n

Creating the Sale Badge<\/strong><\/h2>\n\n\n\n
\n

Add the text to the badge (here, Sale!<\/em>) to the Title<\/strong> field and select the span<\/strong> option as an HTML tag<\/strong> of the badge.<\/p>\n\n\n\n\"heading\n\n\n\n

Navigate to the Advanced<\/strong> settings of the widget.<\/p>\n\n\n\n

Unroll the Dynamic Visibility<\/strong> settings and move the Enable<\/strong> toggle.<\/p>\n\n\n\n

Select the Show element if condition met<\/strong> option from the Visibility condition type<\/strong> drop-down menu. <\/p>\n\n\n\n

Select the Exist<\/strong> option from the Conditions<\/strong> drop-down menu.<\/p>\n\n\n\n

Press the Dynamic Tag<\/strong> and select the WooCommerce Product Field<\/strong> option from the Field<\/strong> drop-down menu. Thus the Setting <\/strong>field turns on: select the Plain Sale Price<\/strong> option from the drop-down menu.<\/p>\n\n\n\n\"dynamic\n\n\n\n

Apply the custom style settings to the badge.<\/p>\n\n\n\n\"style\n\n\n\n

Press the \u201cUpdate<\/strong>\u201d button to save changes.<\/p>\n\n\n\n

Update the page with the applied Listing Grid<\/strong> widget.<\/p>\n\n\n\n\"frontend\n<\/div><\/div>\n\n\n\n

Adding the Best Seller Badge<\/strong><\/h2>\n\n\n\n
\n

To add another badge (i.e., the Best Seller<\/em>), duplicate the Heading<\/strong> widget: click the right button of your mouse on the widget and select the Duplicate<\/strong> option.<\/p>\n\n\n\n\"duplication\n\n\n\n

Edit the following settings to the duplicated Heading<\/strong> widget.<\/p>\n\n\n\n

    \n
  • type the text you need into the Title<\/strong> field (here, Best Seller<\/em>);<\/li>\n\n\n\n
  • apply the stylish options to the widget appearance;<\/li>\n\n\n\n
  • unroll the Dynamic Visibility<\/strong> settings of the Advanced <\/strong>setting tab and type the condition for classifying the WooCommerce<\/em> product as a bestseller. Select the Greater than<\/strong> option from the Condition<\/strong> settings for the best seller badge and type the number of sales in the Value<\/strong> field (here, five).<\/li>\n<\/ul>\n\n\n\n\"greater\n\n\n\n

    Press the \u201cUpdate<\/strong>\u201d button to save changes. Update the page with the applied Listing Grid<\/strong> widget. The page on the front end looks as follows:<\/p>\n\n\n\n\"front\n<\/div><\/div>\n\n\n\n

    That’s all about adding badges to WooCommerce<\/em> products.<\/p>\n","protected":false},"excerpt":{"rendered":"

    This tutorial details how to add badges with texts to WooCommerce Product listings and apply Dynamic Visibility conditions for their displaying refer to product options. It uses the dynamic tags of the JetEngine tools to get WooCommerce data.<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[565,393,405],"yoast_head":"\nHow to Add Sale and Best Seller Badges to WooCommerce Products- Help Center<\/title>\n<meta name=\"description\" content=\"Read how to add badges with texts to WooCommerce Product listings and apply Dynamic Visibility conditions to display them using the JetEngine plugin for the Elementor and Gutenberg.\" \/>\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\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Sale and Best Seller Badges to WooCommerce Products- Help Center\" \/>\n<meta property=\"og:description\" content=\"Read how to add badges with texts to WooCommerce Product listings and apply Dynamic Visibility conditions to display them using the JetEngine plugin for the Elementor and Gutenberg.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-28T13:51:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/adding-heading-widget-1x.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/\",\"name\":\"How to Add Sale and Best Seller Badges to WooCommerce Products- Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-03-14T13:12:44+00:00\",\"dateModified\":\"2023-07-28T13:51:20+00:00\",\"description\":\"Read how to add badges with texts to WooCommerce Product listings and apply Dynamic Visibility conditions to display them using the JetEngine plugin for the Elementor and Gutenberg.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/#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 Add Sale and Best Seller Badges to WooCommerce Products\"}]},{\"@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":"How to Add Sale and Best Seller Badges to WooCommerce Products- Help Center","description":"Read how to add badges with texts to WooCommerce Product listings and apply Dynamic Visibility conditions to display them using the JetEngine plugin for the Elementor and Gutenberg.","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\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Sale and Best Seller Badges to WooCommerce Products- Help Center","og_description":"Read how to add badges with texts to WooCommerce Product listings and apply Dynamic Visibility conditions to display them using the JetEngine plugin for the Elementor and Gutenberg.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/","og_site_name":"Help Center","article_modified_time":"2023-07-28T13:51:20+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/adding-heading-widget-1x.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/","name":"How to Add Sale and Best Seller Badges to WooCommerce Products- Help Center","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-03-14T13:12:44+00:00","dateModified":"2023-07-28T13:51:20+00:00","description":"Read how to add badges with texts to WooCommerce Product listings and apply Dynamic Visibility conditions to display them using the JetEngine plugin for the Elementor and Gutenberg.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-sale-and-best-seller-badges-to-woocommerce-products\/#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 Add Sale and Best Seller Badges to WooCommerce Products"}]},{"@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\/38173"}],"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\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=38173"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=38173"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=38173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}