{"id":18357,"date":"2025-05-14T09:25:06","date_gmt":"2025-05-14T09:25:06","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=18357"},"modified":"2025-05-14T10:20:24","modified_gmt":"2025-05-14T10:20:24","slug":"how-to-apply-jetsmartfilters-to-your-booking-website","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/","title":{"rendered":"How to Apply JetSmartFilters to Your Booking Website"},"content":{"rendered":"\n<p>Create filters using the <em>JetSmartFilters<\/em> plugin to filter the content on your website. It\u2019s a useful feature for your booking website that helps customers choose their preferred room, along with the booking date and the number of people, etc.<\/p>\n\n\n\n<p>For example, we will use the \u201cDate Range\u201d filter, which allows users to select a specific date and displays available apartments in the filter results.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">For this tutorial, we use the <a href=\"https:\/\/crocoblock.com\/dynamic-templates\/balirento\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Balirento<\/strong><\/a> dynamic template.<\/p><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-a-new-filter\">Creating a New Filter<\/h2>\n\n\n\n<p>Proceed to the <strong><em>WordPress Dashboard &gt; Smart Filters &gt; Add New <\/em><\/strong>tab.<\/p>\n\n\n\n<p>Enter the <strong>Filter Name<\/strong> and select the \u201cDate Range\u201d <strong>Filter Type<\/strong>.<\/p>\n\n\n\n<p>Then, adjust other settings like that:<\/p>\n\n\n\n<ul>\n<li><strong>Filter by <\/strong>\u2014 from this dropdown, select the \u201cMeta Date\u201d option;<\/li>\n\n\n\n<li><strong>Date Format<\/strong>&nbsp; \u2014 set as preferred or leave empty (e.g., \u201cD, M d\u201d);<\/li>\n\n\n\n<li><strong>From Placeholder<\/strong> and <strong>To Placeholder<\/strong> \u2014 set as preferred or leave empty (in our case, the \u201cSelect date\u201d text;<\/li>\n\n\n\n<li><strong>Available dates range<\/strong> \u2014 select the needed option here. More details can be found in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filtering-posts-by-custom-date-range\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Filter Posts by Custom Date Range<\/strong><\/a> tutorial;<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-settings-for-booking-check-in.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-settings-for-booking-check-in.webp\" alt=\"date range filter settings for booking check-in\" class=\"wp-image-47984\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-settings-for-booking-check-in.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-settings-for-booking-check-in-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-settings-for-booking-check-in-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-settings-for-booking-check-in-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-settings-for-booking-check-in-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-settings-for-booking-check-in-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Query Variable<\/strong> \u2014 press the \u201c<strong>database<\/strong>\u201d button near this field and select the \u201cJetBooking: checkin_checkout &#8211; filter available instances by checkin\/checkout dates (allowed only for Date Range filter)\u201d option to input the \u201ccheckin_checkout\u201d key.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-query-variable-for-booking-check-in.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-query-variable-for-booking-check-in.webp\" alt=\"date range filter query variable for booking check-in\" class=\"wp-image-47989\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-query-variable-for-booking-check-in.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-query-variable-for-booking-check-in-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-query-variable-for-booking-check-in-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-query-variable-for-booking-check-in-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-query-variable-for-booking-check-in-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-query-variable-for-booking-check-in-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After modifying the settings, press the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"editing-the-archive-page\">Editing the Archive Page<\/h2>\n\n\n\n<p>Edit the Archive page, where the list of booking properties is located.<\/p>\n\n\n\n<p>For our case, we will use the page created in Elementor with the <a href=\"https:\/\/crocoblock.com\/plugins\/jetthemecore\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetThemeCore<\/em><\/a><em> <\/em>plugin. For more details, see the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetthemecore\/creating-custom-post-type-archive-template-with-jetengine-listing-grid\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create an Archive for a Custom Post Type<\/strong><\/a> tutorial.<\/p>\n\n\n\n<p>On the Archive page, we displayed a list of properties using the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid<\/strong><\/a> from the <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a><em> <\/em>plugin.<\/p>\n\n\n\n<p>Place the <strong>Date Range<\/strong> <strong>Filter<\/strong> on the Archive page, select the recently created filter from the <strong>Select filter <\/strong>dropdown, and pick the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filters-providers-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">filter provider<\/a> from the <strong>This filter for <\/strong>dropdown (\u201cJetEngine\u201d in our case).<\/p>\n\n\n\n<p>Then, the Archive page settings can be saved.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/filter-for-booking-properties-on-the-archive-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/filter-for-booking-properties-on-the-archive-page.webp\" alt=\"filter for booking properties on the archive page\" class=\"wp-image-47986\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/filter-for-booking-properties-on-the-archive-page.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/filter-for-booking-properties-on-the-archive-page-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/filter-for-booking-properties-on-the-archive-page-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/filter-for-booking-properties-on-the-archive-page-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/filter-for-booking-properties-on-the-archive-page-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/filter-for-booking-properties-on-the-archive-page-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>With the <strong>Date Range Filter<\/strong>,<strong> <\/strong>the \u201cBooking Price\u201d <em>JetBooking <\/em><a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tags-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Tag<\/strong><\/a><strong> <\/strong>can be used, which will calculate the apartment price for the date period selected in the filter.<\/p>\n\n\n\n<p>To apply it in the <strong>Listing Grid<\/strong>, we hover over the first listing item and press the \u201c<strong>pencil<\/strong>\u201d icon.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/editing-the-listing-item-from-the-archive-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/editing-the-listing-item-from-the-archive-page.webp\" alt=\"editing the listing item from the archive page\" class=\"wp-image-47985\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/editing-the-listing-item-from-the-archive-page.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/editing-the-listing-item-from-the-archive-page-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/editing-the-listing-item-from-the-archive-page-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/editing-the-listing-item-from-the-archive-page-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/editing-the-listing-item-from-the-archive-page-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/editing-the-listing-item-from-the-archive-page-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Now, we can edit the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-template-in-elementor-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Item<\/strong><\/a> template. Use a widget or block here that supports dynamic tags (e.g., <a href=\"https:\/\/crocoblock.com\/widgets\/headline\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Headline<\/strong><\/a><strong> <\/strong>widget from <a href=\"https:\/\/crocoblock.com\/plugins\/jetelements\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetElements<\/em><\/a><em> <\/em>or <strong>Heading<\/strong>).<\/p>\n\n\n\n<p>Press the \u201c<strong>database<\/strong>\u201d icon and select the \u201cBooking Price\u201d option in the <strong>JetBooking<\/strong> section from the dropdown menu.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-for-jetbooking.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-for-jetbooking.webp\" alt=\"booking price dynamic tag for jetbooking\" class=\"wp-image-47987\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-for-jetbooking.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-for-jetbooking-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-for-jetbooking-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-for-jetbooking-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-for-jetbooking-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-for-jetbooking-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After that, you can modify the settings in the pop-up according to your needs. We retain the default configurations and press the \u201c<strong>Publish<\/strong>\u201d button to save the <strong>Listing Item<\/strong> adjustments.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-settings.webp\" alt=\"booking price dynamic tag settings\" class=\"wp-image-47988\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-price-dynamic-tag-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"using-the-filter-on-the-frontend\">Using the Filter on the Frontend<\/h2>\n\n\n\n<p>Now let\u2019s check the frontend. At first, book a property for a specific date. It can be accomplished from the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/how-to-display-the-booking-form-on-the-single-post-page\/\" target=\"_blank\" rel=\"noreferrer noopener\">property&#8217;s Single page via the booking form<\/a> or from the <strong><em>WordPress Dashboard > Bookings > <\/em><\/strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/jetbooking-dashboard-overview\/#bookings-tab\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>Bookings<\/em><\/strong><\/a><strong><em> <\/em><\/strong>tab.<\/p>\n\n\n\n<p>For example, we book the \u201cRainforest Guest House\u201d for the dates 28-04-2025 to 30-04-2025.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-a-property-from-the-single-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-a-property-from-the-single-page.webp\" alt=\"booking a property from the single page\" class=\"wp-image-47982\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-a-property-from-the-single-page.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-a-property-from-the-single-page-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-a-property-from-the-single-page-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-a-property-from-the-single-page-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-a-property-from-the-single-page-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/booking-a-property-from-the-single-page-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Then, we proceed to the Archive page. For now, the \u201cRainforest Guest House\u201d is listed.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-on-the-front-end.webp\" alt=\"date range filter on the front end\" class=\"wp-image-47983\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-on-the-front-end-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the \u201cDate Range\u201d filter, we pick the dates 26-04-2025 to 29-04-2025, and press the \u201c<strong>Apply<\/strong>\u201d button. The booked property is not available for this date period, so it is hidden from the list. Also, the booking price of other properties is multiplied by the number of nights we set in the filter.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-shows-the-available-properties.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-shows-the-available-properties.webp\" alt=\"date range filter shows the available properties\" class=\"wp-image-47990\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-shows-the-available-properties.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-shows-the-available-properties-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-shows-the-available-properties-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-shows-the-available-properties-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-shows-the-available-properties-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-shows-the-available-properties-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>That\u2019s all. Now you know how to apply filters from the <em>JetSmartFilters<\/em> plugin to your booking website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to apply the filters of the JetSmartFilters plugin to your booking website.<\/p>\n","protected":false},"author":8,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[449,421],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Apply JetSmartFilters to Your Booking Website | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to apply filters from the JetSmartFilters plugin to your booking website. Use JetBooking dynamic tags to calculate the price for the booking period.\" \/>\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\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Apply JetSmartFilters to Your Booking Website | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to apply filters from the JetSmartFilters plugin to your booking website. Use JetBooking dynamic tags to calculate the price for the booking period.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-14T10:20:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-settings-for-booking-check-in.webp\" \/>\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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/\",\"name\":\"How to Apply JetSmartFilters to Your Booking Website | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2025-05-14T09:25:06+00:00\",\"dateModified\":\"2025-05-14T10:20:24+00:00\",\"description\":\"Learn how to apply filters from the JetSmartFilters plugin to your booking website. Use JetBooking dynamic tags to calculate the price for the booking period.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-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 Apply JetSmartFilters to Your Booking Website\"}]},{\"@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 Apply JetSmartFilters to Your Booking Website | Crocoblock","description":"Learn how to apply filters from the JetSmartFilters plugin to your booking website. Use JetBooking dynamic tags to calculate the price for the booking period.","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\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Apply JetSmartFilters to Your Booking Website | Crocoblock","og_description":"Learn how to apply filters from the JetSmartFilters plugin to your booking website. Use JetBooking dynamic tags to calculate the price for the booking period.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/","og_site_name":"Help Center","article_modified_time":"2025-05-14T10:20:24+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/02\/date-range-filter-settings-for-booking-check-in.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/","name":"How to Apply JetSmartFilters to Your Booking Website | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2025-05-14T09:25:06+00:00","dateModified":"2025-05-14T10:20:24+00:00","description":"Learn how to apply filters from the JetSmartFilters plugin to your booking website. Use JetBooking dynamic tags to calculate the price for the booking period.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-website\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-jetsmartfilters-to-your-booking-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 Apply JetSmartFilters to Your Booking Website"}]},{"@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\/18357"}],"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\/8"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=18357"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=18357"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=18357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}