{"id":40070,"date":"2023-05-31T13:28:02","date_gmt":"2023-05-31T13:28:02","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=40070"},"modified":"2025-10-10T12:50:30","modified_gmt":"2025-10-10T12:50:30","slug":"how-to-showcase-booking-units-counter","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-showcase-booking-units-counter\/","title":{"rendered":"How to Showcase Booking Units Counter"},"content":{"rendered":"\n

JetBooking <\/em>plugin allows adding the necessary number of units to allow users to book one post several times, which are available in the specific type of the posts, in the Available Units<\/strong> manager block by editing the post.<\/p>\n\n\n\n

Managing Units<\/h2>\n\n\n\n
\n

If you don\u2019t know how to add new units, check this tutorial<\/a>.<\/p>\n\n\n\n

We are going to provide you with an example based on the available units in the Rainforest Guest House<\/strong> post of the Properties<\/strong> custom post type. 
Go to the post editing page and scroll down to the Add Units <\/strong>section. Here, we complete the Number <\/strong>field with the \u201c5\u201d value and press the \u201cAdd Units<\/strong>\u201d button.<\/p>\n\n\n\n\"add\n\n\n\n

After this, you will see your created units in the Available Units <\/strong>section.<\/p>\n\n\n\n\"available\n<\/div><\/div>\n\n\n\n

Show Booking Units at the Front End<\/h2>\n\n\n\n
\n

Go to the Single template <\/strong>of the needed Post Type<\/strong>, and add any widgets that can show data with the dynamic tag. <\/p>\n\n\n\n

We pick the Headline <\/strong>widget.<\/p>\n\n\n\n

Press the Dynamic Tag <\/strong>button, scroll to the JetEngine<\/strong> section, and find the \u201cJetBooking: Units count\u201d tag.<\/p>\n\n\n\n\"jetbooking\n\n\n\n

Complete the Before<\/strong>, After<\/strong>, <\/strong>and Fallback<\/strong> fields in the Advanced <\/strong>settings of the selected tag.<\/p>\n\n\n\n

For instance, we add \u201cunits\u201d after the value.<\/p>\n\n\n\n\"units\n\n\n\n

Don\u2019t forget to update the template by hitting the \u201cPublish\/Update<\/strong>\u201d button.<\/p>\n<\/div><\/div>\n\n\n\n

Check the Result<\/h2>\n\n\n\n
\n

Create some bookings with the \u201cOn hold\/Completed\u201d Status<\/strong>.<\/p>\n\n\n

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

This feature will work only with the \u201cOn hold\u201d and \u201cComplete\u201d statuses.<\/p><\/div><\/div>\n\n\n\n\"bookings\n\n\n\n

The last thing is checking the result. We have only two available units on the same day as three are already booked.<\/p>\n\n\n\n\"booking\n<\/div><\/div>\n\n\n\n

That is all. Now you know how to work with the booking units feature available with the JetBooking <\/em>plugin for your WordPress plugin.<\/p>\n","protected":false},"excerpt":{"rendered":"

Discover how to display a counter for available booking units with the JetBooking plugin for your WordPress website.<\/p>\n","protected":false},"author":9,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[448],"yoast_head":"\nHow to Showcase Booking Units \u2014 JetBooking | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover how to display a counter for available booking units with the JetBooking plugin for your WordPress website.\" \/>\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\/jetbooking\/how-to-showcase-booking-units-counter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Showcase Booking Units \u2014 JetBooking | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover how to display a counter for available booking units with the JetBooking plugin for your WordPress website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-showcase-booking-units-counter\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-10T12:50:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/05\/add-units.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\/jetbooking\/how-to-showcase-booking-units-counter\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-showcase-booking-units-counter\/\",\"name\":\"How to Showcase Booking Units \u2014 JetBooking | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-05-31T13:28:02+00:00\",\"dateModified\":\"2025-10-10T12:50:30+00:00\",\"description\":\"Discover how to display a counter for available booking units with the JetBooking plugin for your WordPress website.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-showcase-booking-units-counter\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-showcase-booking-units-counter\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-showcase-booking-units-counter\/#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 Showcase Booking Units Counter\"}]},{\"@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 Showcase Booking Units \u2014 JetBooking | Crocoblock","description":"Discover how to display a counter for available booking units with the JetBooking plugin for your WordPress website.","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\/jetbooking\/how-to-showcase-booking-units-counter\/","og_locale":"en_US","og_type":"article","og_title":"How to Showcase Booking Units \u2014 JetBooking | Crocoblock","og_description":"Discover how to display a counter for available booking units with the JetBooking plugin for your WordPress website.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-showcase-booking-units-counter\/","og_site_name":"Help Center","article_modified_time":"2025-10-10T12:50:30+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/05\/add-units.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\/jetbooking\/how-to-showcase-booking-units-counter\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-showcase-booking-units-counter\/","name":"How to Showcase Booking Units \u2014 JetBooking | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-05-31T13:28:02+00:00","dateModified":"2025-10-10T12:50:30+00:00","description":"Discover how to display a counter for available booking units with the JetBooking plugin for your WordPress website.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-showcase-booking-units-counter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-showcase-booking-units-counter\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-showcase-booking-units-counter\/#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 Showcase Booking Units Counter"}]},{"@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\/40070"}],"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\/9"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=40070"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=40070"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=40070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}