{"id":37830,"date":"2023-03-10T10:52:10","date_gmt":"2023-03-10T10:52:10","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=tips-and-tricks&#038;p=37830"},"modified":"2023-03-16T11:36:23","modified_gmt":"2023-03-16T11:36:23","slug":"create-custom-stock-status-with-jetengine","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/","title":{"rendered":"Adding Custom Stock Status Using JetEngine"},"content":{"rendered":"\n<p>There is no need to spend extra money on additional third-party plugins, as Crocoblock allows you to create a custom stock status easily with the help of the <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a> plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-the-in-stock-custom-badge\"><strong>Creating the \u201cIn Stock\u201d Custom Badge<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Go to the&nbsp;<strong><em>WordPress Dashboard &gt; Crocoblock &gt; Woo Page Builder<\/em><\/strong>&nbsp;directory and open a <strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetwoobuilder\/jetwoobuilder-how-to-create-and-set-a-single-product-page-template\/\" target=\"_blank\" rel=\"noreferrer noopener\">Single Product Page Template<\/a><\/strong> to start creating the badges.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/single-product-1024x582.png\" alt=\"single product page template\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"drop-thenbspdynamic-fieldnbspwidget-onto-the-canvas\"><strong>Drop the&nbsp;Dynamic Field&nbsp;Widget onto the Canvas<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>In the&nbsp;<strong>Source<\/strong>&nbsp;of the widget, select&nbsp;<strong>Meta Data<\/strong>&nbsp;from the list. In the&nbsp;<strong>Custom Meta Field<\/strong>, specify the field name, which is&nbsp;&nbsp;<em>_stock<\/em>.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/dynamic-field-1024x581.png\" alt=\"dynamic field widget\">\n\n\n\n<p>If you want to display something besides quantity, like some additional text, scroll down to the bottom of the&nbsp;<strong>Content<\/strong>&nbsp;tab and enable the&nbsp;<strong>Customize field output<\/strong>&nbsp;option. Enter the needed text to the&nbsp;<strong>Field format<\/strong>&nbsp;box, e.g.,&nbsp;<em>items in stock<\/em>.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/field-output-1024x518.png\" alt=\"customize field output\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"styling-the-custom-stock-status-badge\"><strong>Styling the Custom Stock Status Badge<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Proceed to the&nbsp;<strong>Style<\/strong>&nbsp;tab and customize the badge according to your needs.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/styled-badge-1024x519.png\" alt=\"styled stock status badge\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"enabling-dynamic-visibility\"><strong>Enabling Dynamic Visibility<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Once the badge is ready, you need to set up the&nbsp;<strong>Dynamic Visibility Conditions<\/strong>. For that, open the&nbsp;<strong>Advanced<\/strong>&nbsp;tab and enable<strong>&nbsp;Dynamic Visibility<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Set the&nbsp;<strong>Condition type<\/strong>&nbsp;to \u201cShow element if condition met\u201d and then add a&nbsp;<strong>condition&nbsp;<\/strong>\u201cGreater than.\u201d&nbsp;<\/p>\n\n\n\n<p>In the&nbsp;<strong>Field<\/strong>, enter the field name, which is&nbsp;<em>_stock,&nbsp;<\/em>and set the value to, e.g., \u201c5.\u201d&nbsp;<\/p>\n\n\n\n<p>In this case, the badge will be shown near the product name if more than five products are available.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/dynamic-visibility-1024x582.png\" alt=\"enabling dynamic visibility\">\n\n\n\n<p>Don\u2019t forget to update the template and check out the front end.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/custom-badge-on-front-end-1024x581.png\" alt=\"product page\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"adding-only-a-couple-of-items-left-badge\"><strong>Adding \u201cOnly a Couple of Items Left\u201d Badge<\/strong><\/h3>\n\n\n\n<p>To display a badge indicating that a product will be out of stock shortly, duplicate the&nbsp;<strong>Dynamic Field<\/strong>&nbsp;widget and change the&nbsp;<strong>Field format<\/strong>&nbsp;to \u201cOnly\u201d in front of the number and \u201citems left!\u201d after it.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/only-couple-items-left-1024x519.png\" alt=\"custom stock badge\">\n\n\n\n<p>Move on to the next tab and change the background color of the second badge.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/styling-second-badge-1024x525.png\" alt=\"styling second custom stock badge\">\n\n\n\n<p>Proceed to the&nbsp;<strong>Dynamic Visibility<\/strong>&nbsp;section and change the value here to \u201c1.\u201d Then duplicate the&nbsp;<strong>condition<\/strong>, change it to \u201cLess than,\u201d and set the value to \u201c6.\u201d<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/dynamic-visibility-second-badge-1024x547.png\" alt=\"dynamic visibility for the second badge\">\n\n\n\n<p>This way, it\u2019ll show the badge for the products, the quantity of which is between two and five items inclusive. If there are more items, it\u2019ll show the \u201cIn Stock\u201d badge, but if there\u2019re fewer items, e.g., one, the badge will be hidden.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/only-5-items-left-1024x556.png\" alt=\"only five items left badge\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"creating-the-last-item-badge\"><strong>Creating the \u201cLast Item\u201d Badge<\/strong><\/h3>\n\n\n\n<p>Go back to the Elementor editor and create another badge for the Last Item. For this purpose, you can actually use any widget, e.g., the Button widget.<\/p>\n\n\n\n<p>Drop it onto the canvas, change the text to&nbsp;<em>\u201cHurry! Last item!\u201d<\/em>&nbsp;and style it according to your needs.&nbsp;<\/p>\n\n\n\n<p>Then enable&nbsp;<strong>Dynamic Visibility<\/strong>, choose the&nbsp;<strong>Condition type<\/strong>&nbsp;\u201cShow element if condition met\u201d and add a&nbsp;<strong>condition \u201c<\/strong>Equal,\u201d enter the field name&nbsp;<em>_stock,<\/em>&nbsp;and set&nbsp;<strong>Value&nbsp;<\/strong>to \u201c1.\u201d<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/last-item-dynamic-visibility-1024x551.png\" alt=\"ast item badge visibility conditions\">\n\n\n\n<p>Once there\u2019s only one product left, the third badge will show up.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/last-item-1024x525.png\" alt=\"last item badge\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"building-a-sold-out-badge\"><strong>Building a \u201cSold Out\u201d Badge<\/strong><\/h3>\n\n\n\n<p>To create a \u201cSold Out\u201d badge, go back to the Elementor editor and duplicate the&nbsp;<strong>Button&nbsp;<\/strong>widget. Change the Text to \u201cSold Out\u201d and adjust the background color.&nbsp;<\/p>\n\n\n\n<p>Now proceed to the&nbsp;<strong>Dynamic Visibility<\/strong>&nbsp;settings and change the existing condition. Previously, we displayed the Product\u2019s Stock Status according to the&nbsp;<em>_stock<\/em>&nbsp;meta field because we needed to know the number of products available. Now we will display this badge based on the&nbsp;<em>_stock_status<\/em>&nbsp;meta field.<\/p>\n\n\n\n<p>Enter&nbsp;<em>_stock_status<\/em>&nbsp;into the&nbsp;<strong>Field<\/strong>&nbsp;and add \u201c<em>outofstock\u201d<\/em><strong>&nbsp;<\/strong>to the&nbsp;<strong>Value<\/strong>&nbsp;box. Update the template.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/sold-out-badge-1024x513.png\" alt=\"sold out badge\">\n\n\n\n<h3 class=\"wp-block-heading\" id=\"adding-a-coming-soon-badge\"><strong>Adding a \u201cComing Soon\u201d Badge<\/strong><\/h3>\n\n\n\n<p>To create a badge for the \u201cOn backorder status,\u201d head back to the Single Product Page Template and duplicate the last widget.&nbsp;<\/p>\n\n\n\n<p>Change the text to \u201cComing Soon\u201d and set a different color for the button background.&nbsp;<\/p>\n\n\n\n<p>Next, go to the&nbsp;<strong>Dynamic Visibility<\/strong>&nbsp;settings and change the value of the condition to \u201c<em>onbackorder<\/em>\u201d without spaces.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/coming-soon-visibility-1024x458.png\" alt=\"coming soon badge visibility\">\n<\/div><\/div>\n\n\n\n<p>Update the template, and once a product is on backorder, there will be a&nbsp;<em>Coming soon<\/em>&nbsp;badge.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/coming-soon-1024x557.png\" alt=\"coming soon badge\">\n","protected":false},"excerpt":{"rendered":"<p>Find out how to add more stock statuses with the sale price and display them as a label on the sale item products. <\/p>\n","protected":false},"author":8,"featured_media":0,"template":"","format":"standard","tipstricks-tags":[359,361],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create a Custom Stock Status with JetEngine and Save $49 | Crocoblock<\/title>\n<meta name=\"description\" content=\"Create custom stock product status badges with the JetEngine plugin. Save money on woo custom stock status plugins for WordPress and WooCommerce.\" \/>\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\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a Custom Stock Status with JetEngine and Save $49 | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Create custom stock product status badges with the JetEngine plugin. Save money on woo custom stock status plugins for WordPress and WooCommerce.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-16T11:36:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/single-product-1024x582.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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/\",\"name\":\"Create a Custom Stock Status with JetEngine and Save $49 | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-03-10T10:52:10+00:00\",\"dateModified\":\"2023-03-16T11:36:23+00:00\",\"description\":\"Create custom stock product status badges with the JetEngine plugin. Save money on woo custom stock status plugins for WordPress and WooCommerce.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tips & tricks\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Adding Custom Stock Status Using JetEngine\"}]},{\"@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":"Create a Custom Stock Status with JetEngine and Save $49 | Crocoblock","description":"Create custom stock product status badges with the JetEngine plugin. Save money on woo custom stock status plugins for WordPress and WooCommerce.","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\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/","og_locale":"en_US","og_type":"article","og_title":"Create a Custom Stock Status with JetEngine and Save $49 | Crocoblock","og_description":"Create custom stock product status badges with the JetEngine plugin. Save money on woo custom stock status plugins for WordPress and WooCommerce.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/","og_site_name":"Help Center","article_modified_time":"2023-03-16T11:36:23+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/single-product-1024x582.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/","url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/","name":"Create a Custom Stock Status with JetEngine and Save $49 | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-03-10T10:52:10+00:00","dateModified":"2023-03-16T11:36:23+00:00","description":"Create custom stock product status badges with the JetEngine plugin. Save money on woo custom stock status plugins for WordPress and WooCommerce.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/create-custom-stock-status-with-jetengine\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Tips & tricks","item":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/"},{"@type":"ListItem","position":3,"name":"Adding Custom Stock Status Using JetEngine"}]},{"@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\/tips-and-tricks\/37830"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tips-and-tricks"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/tips-and-tricks"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/8"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=37830"}],"wp:term":[{"taxonomy":"tipstricks-tags","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tipstricks-tags?post=37830"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}