{"id":34120,"date":"2023-02-01T14:34:30","date_gmt":"2023-02-01T14:34:30","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=34120"},"modified":"2025-08-27T08:41:21","modified_gmt":"2025-08-27T08:41:21","slug":"jetbooking-preparation-guideline","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/","title":{"rendered":"JetBooking Preparation Guideline"},"content":{"rendered":"\n
\n

JetBooking<\/a> <\/em>is a Crocoblock plugin designed for booking-based services such as apartment rentals, car reservations, or any scenario where users need to book an item for a selected time period.<\/p>\n\n\n\n

Before configuring the booking functionality, it’s essential to prepare the website structure properly. This involves creating Custom Post Types<\/strong><\/a> (CPTs), setting up relevant meta fields<\/strong>, and organizing Single Pages<\/strong><\/a>, as well as Listing Templates<\/strong><\/a> with Dynamic Popups<\/strong><\/a>, where booking forms will be displayed.<\/p>\n\n\n\n

This article outlines each essential preparation step before launching the booking setup \u2014 what needs to be configured and, most importantly, why it\u2019s necessary for the booking system to function properly. You will find a clear overview with direct links to step-by-step tutorials that walk you through creating custom post types, meta fields, booking forms, single pages, and more.<\/p>\n<\/div><\/div>\n\n\n\n

Required Plugins<\/h2>\n\n\n\n
\n

Before you start, proceed to the WordPress Dashboard > Plugins<\/em><\/strong> and ensure that the JetEngine<\/em><\/a>, JetThemeCore<\/em><\/a>, JetFormBuilder<\/em><\/a>, and JetBooking <\/em>plugins are installed and activated.<\/p>\n\n\n\n

\"JetEngine,<\/a><\/div>\n\n\n\n

The JetEngine <\/em>plugin is required to create a Custom Post Type<\/strong><\/a> with Custom Fields<\/strong><\/a>, which will help you to organize and add data to the services you intend to offer. <\/p>\n\n\n\n

The JetThemeCore <\/em>plugin helps to create all the necessary templates for Archive<\/strong><\/a> and Single<\/strong><\/a> pages. As an alternative, you can use Elementor Pro for creating templates; however, this guide focuses on using the JetThemeCore <\/em>plugin. <\/p>\n\n\n\n

Creating a dedicated Archive <\/strong>template is a crucial step when working with JetBooking<\/em>. The Archive <\/strong>template ensures that the listing <\/strong>content is dynamically loaded and filtered based on the Post Type\u2019s<\/strong> archive URL \u2014 which is essential for proper URL structure and SEO indexing. When using JetThemeCore<\/em>, the Archive <\/strong>template also enables you to design a consistent, dynamic layout that automatically adapts as new listings <\/strong>are added, eliminating the need for manual updates to a static page. This approach offers better performance, scalability, and flexibility in displaying your booking-related content.<\/p>\n\n\n\n

To build a custom booking form, you will also need the JetFormBuilder <\/em>plugin. <\/p>\n\n\n\n

If you would like to book services directly from the list without opening it on a separate page, you will also need the JetPopup<\/em><\/a> plugin. <\/p>\n\n\n\n

We also have the Elementor<\/strong><\/a> website builder for building the pages and templates for the booking site. Additionally, JetBooking <\/em>is compatible with Gutenberg<\/strong><\/a> and Bricks<\/strong><\/a> editors; choose the one that best suits your needs. <\/p>\n<\/div><\/div>\n\n\n\n

Creating Custom Post Type<\/h2>\n\n\n\n
\n

First, we need to create a Custom Post Type<\/strong> (CPT<\/strong>), which will be a list of all the services offered on your website. You can use a CPT <\/strong>you already have. Click the \u201cEdit<\/strong>\u201d button to add changes to it.<\/p>\n\n\n\n

In this case, following our How to Arrange Meta Fields in the Booking Instance CPT<\/a><\/strong> tutorial, we create a \u201cRooms\u201d CPT<\/strong> and add all the meta fields<\/strong> needed to display all the information about the rooms we offer.<\/p>\n\n\n\n

\"\u2018rooms\u2019<\/a><\/div>\n\n\n\n

In this case, we added a WYSIWYG<\/strong><\/a> meta field for room description, a Gallery<\/strong><\/a> field, Number <\/strong><\/a>fields for maximum guests and room size, Select<\/strong><\/a> fields for the room type and bed type, and Checkbox<\/strong><\/a> fields for view and amenities. <\/p>\n\n\n\n

Once you have finished the settings, click the \u201cAdd Post Type<\/strong>\u201d button. <\/p>\n\n\n\n

Now, we need to set the values for the \u201cRooms\u201d posts. From the WordPress Dashboard,<\/strong> proceed to the needed post type and click the \u201cAdd Page<\/strong>\u201d button. Set the value for each field and click the \u201cSave<\/strong>\u201d button once you are ready. <\/p>\n\n\n\n

\"post\u2019s<\/a><\/div>\n\n\n\n

Create as many service posts as needed and fill them with the relevant data.<\/p>\n<\/div><\/div>\n\n\n\n

Adjusting the Orders CPT<\/h2>\n\n\n\n
<\/svg><\/div>
Things to know<\/div>

In this tutorial, we focus on the JetBooking<\/em> pre-setup without the WooCommerce Integration<\/strong>. In case you need to integrate WooCommerce<\/em> with the JetBooking<\/em> plugin, refer to our How to Enable WooCommerce Integration for Bookings<\/strong><\/a> guide.<\/p><\/div><\/div>\n\n\n\n

Now we need to create one more CPT<\/strong> for storing the orders (bookings) created on the site. Here, you will receive your orders and later be able to manage them as an administrator. In this tutorial, we create a CPT <\/strong>called \u201cOrders\u201d. <\/p>\n\n\n\n

\"orders<\/a><\/div>\n\n\n\n

You can create a CPT<\/strong> without any meta fields<\/strong>, as we will get all the required information from the database. In this tutorial, we added meta fields<\/strong> to get the data that is not default in the Booking Details.<\/strong> <\/p>\n\n\n\n

Click the \u201cAdd Post Type<\/strong>\u201d button once you are ready.<\/p>\n\n\n\n

To learn more about the Orders CPT, refer to our How to Manage Custom Booking Orders CPT<\/a><\/strong> tutorial.<\/p>\n<\/div><\/div>\n\n\n\n

Setting Up a Single Page<\/h2>\n\n\n\n
\n

To display detailed information about the available service (in this case, a room), we need to create a Single Page<\/strong> template. <\/p>\n\n\n\n

In the How to Create a Custom Single Page for <\/a><\/strong>CPT-Based <\/a><\/strong>Booking<\/a><\/strong> tutorial, you can find all the details on the setup of the Single Template<\/strong>.\u00a0<\/p>\n\n\n\n

So, we created a template to display all the information about the room. <\/p>\n\n\n\n

\"single<\/a><\/div>\n\n\n\n

Click the \u201cPublish<\/strong>\u201d button once you are ready with the settings.<\/p>\n<\/div><\/div>\n\n\n\n

Creating a Booking Form<\/h2>\n\n\n\n
\n

The next step is to create a booking form. <\/p>\n\n\n\n

If you are setting up JetBooking <\/em>with the booking wizard, the form will be created automatically. In the How to Set Up Booking with Wizard Setup<\/strong><\/a>, you can find the details on the setup. <\/p>\n\n\n\n

In case you would like to create a form by yourself, refer to the How to Create a Booking Form<\/strong><\/a> <\/strong>tutorial. <\/p>\n\n\n\n

We created a booking form using a Pattern<\/strong><\/a> that allows users to select dates and other options for the service.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n
<\/svg><\/div>
Things to know<\/div>

Ensure that the Post Submit Actions<\/strong> are put in the correct order. The \u201cInsert\/Update Post<\/a>\u201d action should be the first; the \u201cApartment Booking\u201d is the next. After those, you can put the desired Post Submit Actions<\/strong>.<\/p><\/div><\/div>\n\n\n\n

Once the form is set up, click the \u201cSave<\/strong>\u201d button. <\/p>\n\n\n\n

Then, we need to add the form to the Single Page<\/strong>. Following the How to Display the Booking Form on the Single Post Page<\/strong><\/a> tutorial, we displayed the form we created on the Single Page <\/strong>template.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

Click the \u201cPublish<\/strong>\u201d button once you are ready with the settings.<\/p>\n<\/div><\/div>\n\n\n\n

Creating a Listing<\/h2>\n\n\n\n
\n

This step will be useful if you need to display the list of offered services on the Archive <\/strong>page, for example.  <\/p>\n\n\n\n

Following the How to Create a Listing Template for Post Types in Elementor<\/strong><\/a> tutorial, we created a listing <\/strong>for the \u201cRooms\u201d CPT<\/strong>.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

We added the Dynamic Widgets<\/strong><\/a> to display short information about the rooms.<\/p>\n\n\n\n

\"displaying<\/a><\/div>\n\n\n\n

Click the \u201cPublish<\/strong>\u201d button once you are ready. <\/p>\n\n\n\n

To know more about displaying booking instances in the list, refer to our How to Display Booking Instances in a Grid<\/a><\/strong> tutorial.<\/p>\n\n\n\n

Booking form inside the listing<\/h3>\n\n\n\n
\n

If you would like to add the booking form to the Listing<\/strong>, you will need to use the Dynamic Popup<\/strong>.<\/p>\n\n\n\n

Following our How to Build a Dynamic Popup for JetEngine Listings<\/strong><\/a> guide, we create a Dynamic Popup<\/strong>. We need to add the booking form we created before inside the pop-up.<\/p>\n\n\n\n

\"booking<\/a><\/div>\n\n\n\n

As soon as everything is done correctly, return to the pop-up editor and save this pop-up by clicking the \u201cPublish<\/strong>\u201d button.<\/p>\n\n\n

<\/svg><\/div>
Things to know<\/div>

Ensure you set the conditions<\/a> according to your needs and press the \u201cSave Conditions<\/strong>\u201d button. Without the conditions applied, the pop-up will not be shown on the front.<\/p><\/div><\/div>\n\n\n\n

\"conditions<\/a><\/div>\n\n\n\n

Then, attach the popup to the listing<\/a> we created earlier.<\/p>\n\n\n\n

\"dynamic<\/a><\/div>\n\n\n\n

Click the \u201cPublish<\/strong>\u201d button once you are ready. <\/p>\n\n\n\n

Now, it is possible to book a service not only from the Single <\/strong>page, but also directly from the list. <\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

That\u2019s it. Now you are ready to set up the JetBooking <\/em>plugin. Please follow the instructions from the How to Set Up Booking with Wizard Setup<\/strong><\/a> guide.<\/p>\n","protected":false},"excerpt":{"rendered":"

Learn about the necessary preparation steps to organize your booking project using the JetBooking plugin for WordPress websites.<\/p>\n","protected":false},"author":20,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[446],"yoast_head":"\nJetBooking Preparation Guideline \u2014 JetBooking | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover what preparation steps are needed to organize your booking project with the JetBooking plugin for WordPress websites.\" \/>\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\/jetbooking-preparation-guideline\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JetBooking Preparation Guideline \u2014 JetBooking | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover what preparation steps are needed to organize your booking project with the JetBooking plugin for WordPress websites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-27T08:41:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/07\/JetEngine-JetThemeCore-JetPopup-and-JetBooking-plugins-are-activated-1-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=\"8 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\/jetbooking-preparation-guideline\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/\",\"name\":\"JetBooking Preparation Guideline \u2014 JetBooking | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-02-01T14:34:30+00:00\",\"dateModified\":\"2025-08-27T08:41:21+00:00\",\"description\":\"Discover what preparation steps are needed to organize your booking project with the JetBooking plugin for WordPress websites.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/#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\":\"JetBooking Preparation Guideline\"}]},{\"@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":"JetBooking Preparation Guideline \u2014 JetBooking | Crocoblock","description":"Discover what preparation steps are needed to organize your booking project with the JetBooking plugin for WordPress websites.","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\/jetbooking-preparation-guideline\/","og_locale":"en_US","og_type":"article","og_title":"JetBooking Preparation Guideline \u2014 JetBooking | Crocoblock","og_description":"Discover what preparation steps are needed to organize your booking project with the JetBooking plugin for WordPress websites.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/","og_site_name":"Help Center","article_modified_time":"2025-08-27T08:41:21+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/07\/JetEngine-JetThemeCore-JetPopup-and-JetBooking-plugins-are-activated-1-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/","name":"JetBooking Preparation Guideline \u2014 JetBooking | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-02-01T14:34:30+00:00","dateModified":"2025-08-27T08:41:21+00:00","description":"Discover what preparation steps are needed to organize your booking project with the JetBooking plugin for WordPress websites.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetbooking\/jetbooking-preparation-guideline\/#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":"JetBooking Preparation Guideline"}]},{"@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\/34120"}],"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\/20"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=34120"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=34120"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=34120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}