{"id":52233,"date":"2026-06-26T13:25:37","date_gmt":"2026-06-26T13:25:37","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=features&#038;p=52233"},"modified":"2026-06-26T13:33:16","modified_gmt":"2026-06-26T13:33:16","slug":"booking-form-widget-block-element-overview","status":"publish","type":"features","link":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/","title":{"rendered":"Booking form widget\/block\/element overview"},"content":{"rendered":"\n<p>The <strong>Booking Form <\/strong>widget\/block\/element is a standalone booking form available in <a href=\"https:\/\/crocoblock.com\/plugins\/jetbooking\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetBooking<\/em><\/a>. It allows users to select check-in and check-out dates and submit a reservation request directly from the front end.<\/p>\n\n\n\n<p>In this overview, all available settings of the <strong>Booking Form <\/strong>will be reviewed in Elementor, Gutenberg, and Bricks builders.<\/p>\n\n\n\n<p>Also, we recommend checking our <strong><a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/creating-booking-form-for-room-reservation\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Create a Standalone Booking Form for Hotel Room Reservations<\/a> <\/strong>tutorial.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"booking-form-widget-in-elementor\">Booking Form Widget in Elementor<\/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>The <strong>Booking Form <\/strong>widget in Elementor allows inserting a fully functional booking form into any page or template, connected to the booking instance.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/booking-form-widget-added-to-elementor-1824x1140-2.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/booking-form-widget-added-to-elementor-1824x1140-2-1024x640.webp\" alt=\"booking form widget added to elementor\" class=\"wp-image-52234\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/booking-form-widget-added-to-elementor-1824x1140-2-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/booking-form-widget-added-to-elementor-1824x1140-2-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/booking-form-widget-added-to-elementor-1824x1140-2-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/booking-form-widget-added-to-elementor-1824x1140-2-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/booking-form-widget-added-to-elementor-1824x1140-2-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/booking-form-widget-added-to-elementor-1824x1140-2.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Booking Instance ID <\/strong>\u2014 an optional field that allows specifying the booking instance ID if the current page does not transfer the context;<\/li>\n\n\n\n<li><strong>Disable Email Field <\/strong>\u2014 a toggle that allows disabling the email field that is added to the form by default.<\/li>\n<\/ul>\n\n\n\n<p>Date Picker Field<\/p>\n\n\n\n<ul>\n<li><strong>Layout <\/strong>\u2014 a field that allows selecting how the date picker field will be displayed: like a single field or like two separate fields. If a \u201cSingle Field\u201d is selected, one can set its <strong>Label <\/strong>if needed and change the <strong>Placeholder<\/strong>. If the date picker is divided into separate fields, one can set up the following settings:\n<ul>\n<li><strong>Position <\/strong>\u2014 a field that allows selecting the layout of the two date picker fields: \u201cInline\u201d or \u201cList.\u201d<\/li>\n\n\n\n<li><strong>Check in Label <\/strong>\u2014 a field that allows setting the label of the check-in date picker field;<\/li>\n\n\n\n<li><strong>Check in Placeholder <\/strong>\u2014 a field that allows setting the placeholder of the check-in date picker field;<\/li>\n\n\n\n<li><strong>Check out Label <\/strong>\u2014 a field that allows setting the label of the check-out date picker field;<\/li>\n\n\n\n<li><strong>Check out Placeholder <\/strong>\u2014 a field that allows setting the placeholder of the check-out date picker field;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Description <\/strong>\u2014 a field that allows setting the description below the date picker field(s);<\/li>\n\n\n\n<li><strong>Date Format <\/strong>\u2014 a field where the date format can be changed;<\/li>\n\n\n\n<li><strong>Separator <\/strong>\u2014 a field where the separator of the date can be changed;<\/li>\n\n\n\n<li><strong>First Day of the Week <\/strong>\u2014 a field where the first day of the week can be changed from Monday to Sunday.<\/li>\n<\/ul>\n\n\n\n<p>Submit Button<\/p>\n\n\n\n<ul>\n<li><strong>Label <\/strong>\u2014 a field where the default \u201cBook\u201d label of the submit button can be changed to a custom one.<\/li>\n<\/ul>\n\n\n\n<p>One can also switch to the <strong>Style <\/strong>tab to adjust the appearance of the widget.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-elementor-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-elementor-1824x1140-1-1024x640.webp\" alt=\"style tab in elementor\" class=\"wp-image-52235\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-elementor-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-elementor-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-elementor-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-elementor-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-elementor-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-elementor-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"booking-form-block-in-gutenberg\">Booking Form Block in Gutenberg<\/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>The <strong>Booking Form <\/strong>block in Gutenberg provides the same functionality as Elementor, but with a tab-based interface.<\/p>\n\n\n\n<p>The first tab is called <strong>Content <\/strong>and allows specifying the <strong>BOOKING INSTANCE ID <\/strong>and disabling the email field if preferred.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-gutenberg-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-gutenberg-1824x1140-1-1024x640.webp\" alt=\"content tab in gutenberg\" class=\"wp-image-52236\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-gutenberg-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-gutenberg-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-gutenberg-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-gutenberg-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-gutenberg-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-gutenberg-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The second tab is called <strong>Date Picker Field <\/strong>and contains settings related to the date picker located in the form.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-gutenberg-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-gutenberg-1824x1140-1-1024x640.webp\" alt=\"date picker field tab in gutenberg\" class=\"wp-image-52237\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-gutenberg-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-gutenberg-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-gutenberg-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-gutenberg-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-gutenberg-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-gutenberg-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the <strong>Submit Button <\/strong>tab, you can change the <strong>LABEL <\/strong>of the submit button.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-gutenberg-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-gutenberg-1824x1140-1-1024x640.webp\" alt=\"submit button tab in gutenberg\" class=\"wp-image-52238\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-gutenberg-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-gutenberg-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-gutenberg-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-gutenberg-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-gutenberg-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-gutenberg-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The <strong>Advanced <\/strong>tab allows pasting the <strong>ADDITIONAL CSS CLASS(ES) <\/strong>and <strong>ADDITIONAL CSS <\/strong>to style the block.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/advanced-tab-in-gutenberg-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/advanced-tab-in-gutenberg-1824x1140-1-1024x640.webp\" alt=\"advanced tab in gutenberg\" class=\"wp-image-52239\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/advanced-tab-in-gutenberg-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/advanced-tab-in-gutenberg-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/advanced-tab-in-gutenberg-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/advanced-tab-in-gutenberg-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/advanced-tab-in-gutenberg-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/advanced-tab-in-gutenberg-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The <strong>Style <\/strong>tab can be used to adjust visual appearance settings for the block.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-settings-tab-in-gutenberg-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-settings-tab-in-gutenberg-1824x1140-1-1024x640.webp\" alt=\"style settings tab in gutenberg\" class=\"wp-image-52240\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-settings-tab-in-gutenberg-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-settings-tab-in-gutenberg-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-settings-tab-in-gutenberg-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-settings-tab-in-gutenberg-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-settings-tab-in-gutenberg-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-settings-tab-in-gutenberg-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"booking-form-element-in-bricks\">Booking Form Element in Bricks<\/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>The <strong>Booking Form <\/strong>element in Bricks works similarly to Gutenberg and Elementor, offering the same core settings in a different UI structure.<\/p>\n\n\n\n<p>The first tab is called <strong>CONTENT<\/strong>,<strong> <\/strong>it contains the settings related to the content displayed in the booking form.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-bricks-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-bricks-1824x1140-1-1024x640.webp\" alt=\"content tab in bricks\" class=\"wp-image-52241\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-bricks-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-bricks-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-bricks-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-bricks-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-bricks-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/content-tab-in-bricks-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The second tab, called <strong>DATE PICKER FIELD<\/strong>, contains the settings of the date picker field located in the form.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-bricks-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-bricks-1824x1140-1-1024x640.webp\" alt=\"date picker field tab in bricks\" class=\"wp-image-52242\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-bricks-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-bricks-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-bricks-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-bricks-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-bricks-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/date-picker-field-tab-in-bricks-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Ultimately, one can change the submit button <strong>LABEL <\/strong>in the corresponding tab.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-bricks-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-bricks-1824x1140-1-1024x640.webp\" alt=\"submit button tab in bricks\" class=\"wp-image-52243\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-bricks-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-bricks-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-bricks-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-bricks-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-bricks-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/submit-button-tab-in-bricks-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the Bricks editor, one can make style changes to the element in the <strong>STYLE <\/strong>tab if needed.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-the-bricks-builder-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-the-bricks-builder-1824x1140-1-1024x640.webp\" alt=\"style tab in the bricks builder\" class=\"wp-image-52244\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-the-bricks-builder-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-the-bricks-builder-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-the-bricks-builder-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-the-bricks-builder-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-the-bricks-builder-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/style-tab-in-the-bricks-builder-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQ<\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1782479019958\"><strong class=\"schema-faq-question\"><strong>Do I need JetFormBuilder to use a Booking Form on my website?<\/strong><\/strong> <p class=\"schema-faq-answer\">No, the <strong>Booking Form <\/strong>functionality is available when the <em>JetBooking <\/em>plugin is installed and activated, and does not require <a href=\"https:\/\/jetformbuilder.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetFormBuilder<\/em><\/a>.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1782479057314\"><strong class=\"schema-faq-question\"><strong>What is the Booking Instance ID used for?<\/strong><\/strong> <p class=\"schema-faq-answer\">The <strong>Booking Instance ID <\/strong>can be specified when the current page does not automatically provide the booking context. In this case, the form will use the selected booking instance to process the booking.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1782479102355\"><strong class=\"schema-faq-question\"><strong>Can the Email field be removed from the booking form?<\/strong><\/strong> <p class=\"schema-faq-answer\">Yes. The <strong>Disable Email Field <\/strong>toggle allows removing the default email field from the form.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1782479119879\"><strong class=\"schema-faq-question\"><strong>Can I change the date format displayed in the form?<\/strong><\/strong> <p class=\"schema-faq-answer\">Yes, the <strong>Booking Form <\/strong>settings include fields to change the date format, separator, and the first day of the week.<\/p> <\/div> <\/div>\n\n\n\n<p>That\u2019s all about the <strong>Booking Form <\/strong>widget\/block\/element available as a part of the <em>JetBooking <\/em>plugin for WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This overview is about the Booking Form widget\/block\/element and its settings available in the JetBooking plugin for WordPress websites.<\/p>\n","protected":false},"author":9,"template":"","format":"standard","builder-category":[],"feature-category":[],"article-category":[595],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Booking Form Widget\/Block\/Element Overview \u2014 JetBooking | Crocoblock<\/title>\n<meta name=\"description\" content=\"Check the Booking Form widget\/block\/element overview available as a part of the JetBooking plugin functionality for WordPress.\" \/>\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\/features\/booking-form-widget-block-element-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Booking Form Widget\/Block\/Element Overview \u2014 JetBooking | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Check the Booking Form widget\/block\/element overview available as a part of the JetBooking plugin functionality for WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-26T13:33:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/booking-form-widget-added-to-elementor-1824x1140-2-1024x640.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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/\",\"name\":\"Booking Form Widget\/Block\/Element Overview \u2014 JetBooking | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2026-06-26T13:25:37+00:00\",\"dateModified\":\"2026-06-26T13:33:16+00:00\",\"description\":\"Check the Booking Form widget\/block\/element overview available as a part of the JetBooking plugin functionality for WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479019958\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479057314\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479102355\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479119879\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Booking form widget\/block\/element overview\"}]},{\"@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\/\"}},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479019958\",\"position\":1,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479019958\",\"name\":\"Do I need JetFormBuilder to use a Booking Form on my website?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, the <strong>Booking Form <\/strong>functionality is available when the <em>JetBooking <\/em>plugin is installed and activated, and does not require <a href=\\\"https:\/\/jetformbuilder.com\/\\\" target=\\\"_blank\\\" rel=\\\"noreferrer noopener\\\"><em>JetFormBuilder<\/em><\/a>.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479057314\",\"position\":2,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479057314\",\"name\":\"What is the Booking Instance ID used for?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The <strong>Booking Instance ID <\/strong>can be specified when the current page does not automatically provide the booking context. In this case, the form will use the selected booking instance to process the booking.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479102355\",\"position\":3,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479102355\",\"name\":\"Can the Email field be removed from the booking form?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. The <strong>Disable Email Field <\/strong>toggle allows removing the default email field from the form.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479119879\",\"position\":4,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479119879\",\"name\":\"Can I change the date format displayed in the form?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, the <strong>Booking Form <\/strong>settings include fields to change the date format, separator, and the first day of the week.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Booking Form Widget\/Block\/Element Overview \u2014 JetBooking | Crocoblock","description":"Check the Booking Form widget\/block\/element overview available as a part of the JetBooking plugin functionality for WordPress.","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\/features\/booking-form-widget-block-element-overview\/","og_locale":"en_US","og_type":"article","og_title":"Booking Form Widget\/Block\/Element Overview \u2014 JetBooking | Crocoblock","og_description":"Check the Booking Form widget\/block\/element overview available as a part of the JetBooking plugin functionality for WordPress.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/","og_site_name":"Help Center","article_modified_time":"2026-06-26T13:33:16+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/06\/booking-form-widget-added-to-elementor-1824x1140-2-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","FAQPage"],"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/","name":"Booking Form Widget\/Block\/Element Overview \u2014 JetBooking | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2026-06-26T13:25:37+00:00","dateModified":"2026-06-26T13:33:16+00:00","description":"Check the Booking Form widget\/block\/element overview available as a part of the JetBooking plugin functionality for WordPress.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479019958"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479057314"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479102355"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479119879"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/crocoblock.com\/knowledge-base\/features\/"},{"@type":"ListItem","position":3,"name":"Booking form widget\/block\/element overview"}]},{"@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\/"}},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479019958","position":1,"url":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479019958","name":"Do I need JetFormBuilder to use a Booking Form on my website?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"No, the <strong>Booking Form <\/strong>functionality is available when the <em>JetBooking <\/em>plugin is installed and activated, and does not require <a href=\"https:\/\/jetformbuilder.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetFormBuilder<\/em><\/a>.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479057314","position":2,"url":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479057314","name":"What is the Booking Instance ID used for?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"The <strong>Booking Instance ID <\/strong>can be specified when the current page does not automatically provide the booking context. In this case, the form will use the selected booking instance to process the booking.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479102355","position":3,"url":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479102355","name":"Can the Email field be removed from the booking form?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes. The <strong>Disable Email Field <\/strong>toggle allows removing the default email field from the form.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479119879","position":4,"url":"https:\/\/crocoblock.com\/knowledge-base\/features\/booking-form-widget-block-element-overview\/#faq-question-1782479119879","name":"Can I change the date format displayed in the form?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes, the <strong>Booking Form <\/strong>settings include fields to change the date format, separator, and the first day of the week.","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features\/52233"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/features"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/features"}],"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=52233"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=52233"},{"taxonomy":"feature-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/feature-category?post=52233"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=52233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}