{"id":18184,"date":"2020-02-04T09:43:30","date_gmt":"2020-02-04T09:43:30","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=18184"},"modified":"2023-05-09T14:05:58","modified_gmt":"2023-05-09T14:05:58","slug":"jetappointment-full-overview-and-wizard-setup","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/","title":{"rendered":"JetAppointment Wizard Setup"},"content":{"rendered":"\n
\n

The JetAppointment<\/em><\/a> plugin is a tool that will help you build a website for the services providers. It presents to you all the functionalities letting users book the services and select a date and a time slot available in the provider\u2019s schedule. <\/p>\n\n\n\n

Find out more about its convenient wizard to make the setup process more manageable.<\/p>\n\n\n\n

However, before you can start to set up the JetAppointment<\/em> plugin, you have to create a Custom Post Type<\/strong>. In our case, we create a spa salon website; that is why the post type will be \u201cServices.\u201d <\/p>\n\n\n\n

Create a CPT and add a few posts to it (like \u201cMake-up,\u201d \u201cSPA,\u201d \u201cNail design,\u201d etc.). If you need some help, go through our CPT creation tutorial<\/a>. <\/p>\n\n\n\n

Besides that, if you want to add service providers, you will need a separate CPT for them. In our case, that is a \u201cTeam\u201d post type.<\/p>\n\n\n\n

Now, let\u2019s look at setting up JetAppointment<\/strong> with its special wizard.<\/p>\n<\/div><\/div>\n\n\n\n

JetAppointment Installation Wizard Steps<\/h2>\n\n\n\n
\n

After the plugin installation in your WordPress Dashboard, proceed to a new Appointments<\/strong> menu tab that appears in the navbar. Click \u201cGo to setup<\/strong>\u201d to start the basic plugin customization.<\/p>\n\n\n\n

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

Be aware, that you will also need to install and activate the JetEngine<\/a> plugin and enable the Forms module<\/strong> to use JetAppointment<\/strong> to the fullest.<\/p><\/div><\/div>\n\n\n\n

Connect Post Types<\/h3>\n\n\n\n

In the first step, you should select the post type with which the JetAppointment <\/strong>plugins will work. Choose the one you created in the Service post type<\/strong> drop-down menu.<\/p>\n\n\n\n

If you have some service providers, turn on the Add providers<\/strong> toggle and select the corresponding post type in the Provider post type<\/strong> drop-down list.<\/p>\n\n\n

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

There\u2032s also an opportunity to add individual prices for the provider. This price will have more priority than the service\u2032s price.<\/p><\/div><\/div>\n\n\n\n

Push the \u201cNext<\/strong>\u201d button once the fields are completed.<\/p>\n\n\n\n\"connect\n\n\n\n

Set up Database Tables<\/h3>\n\n\n\n

After the appointment submission, the required columns would be created in the database to save the bookings by default. It allows you to manage your appointment forms from the back-end, check the status, and change any information about the booking.<\/p>\n\n\n\n

If you need to add more fields to the booking form \u2012 for example, the first and last name of the customer, phone number, comments, etc. \u2012 click the \u201cNew DB Column<\/strong>\u201d button and create as many new columns as you need.<\/p>\n\n\n\n

Don\u2019t forget to hit the \u201cNext<\/strong>\u201d button to proceed to the following step.<\/p>\n\n\n\n\"setup\n\n\n\n

Set up Working Hours<\/h3>\n\n\n\n

Now you can set your availability during the week and specify the days off.<\/p>\n\n\n\n

Firstly, set the Time Format<\/strong>. Select the preferable format and move to the Schedule Type<\/strong>. Here you can specify the type of the time schedule.<\/p>\n\n\n\n

Define the Duration <\/strong>of the service. Later, you can change this time slot to more flexible or prolong it.<\/p>\n\n\n\n

Other settings appear once the \u201cTime Picker<\/a>\u201d or \u201cRecurring<\/a>\u201d options are selected.<\/p>\n\n\n\n\"setup\n\n\n\n

Complete the Buffer Time Before <\/strong>and Buffer Time After <\/strong>fields. That means you set a break time before and after the services. <\/p>\n\n\n\n

You can also select the Locked Time Before <\/strong>time to make it impossible to book some time before the end of the working day.<\/p>\n\n\n\n

Moreover, switch on the Multibooking <\/strong>option to allow one user to book several appointments at different times.<\/p>\n\n\n\n

Then you can set working hours for each day.<\/p>\n\n\n\n\"booking\n\n\n\n

The great thing is that you can add multiple working hours for the same day. So if you have a lunch break, you can specify it here, so the customers can\u2019t book the service on this time slot. Click the \u201cAdd<\/strong>\u201d button and choose the time in the drop-down list.<\/p>\n\n\n\n

If you need to add some days off, simply don\u2019t add any working hours, and it won\u2019t be available in your calendar.<\/p>\n\n\n\n

You can also set specific dates for the day off here. Click the \u201cAdd Days<\/strong>\u201d button in the Days Off<\/strong> block, specify the Days Label<\/strong> (for instance, it can be a holiday name), and pick the date or period in the drop-down calendar. You can add as many days off as you need.<\/p>\n\n\n\n

To set some additional Working Days<\/strong>, push the \u201cAdd Days<\/strong>\u201d button and repeat the same procedure as the one for the Days Off<\/strong>.<\/p>\n\n\n\n\"jetappointment\n\n\n\n

Additional Settings<\/h3>\n\n\n\n

If you want to allow the customer to pay for the service right after the appointment submission, activate WooCommerce integration<\/strong>. However, this time we won\u2019t enable this option. The customization of WooCommerce integration is covered in this<\/a> tutorial.<\/p>\n\n\n\n

Below you can see two options for creating booking forms; just leave them toggled on. In this case, two types of forms will be created \u2013 one that could be added to any static page and another for a single service page.<\/p>\n\n\n\n

The difference between these two forms is that there is no Select Service<\/strong> field on the single service page.<\/p>\n\n\n\n\"setup\n\n\n\n

Finally, push the \u201dFinish<\/strong>\u201d button, and you will see the success screen.<\/p>\n\n\n\n\"congratulations\n\n\n

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

Be aware that the fields in the form are connected with the database, and you shouldn\u2019t delete any of them. If you have created additional database columns in Step 2<\/strong>, you need to add the corresponding fields to both forms..<\/p><\/div><\/div>\n\n\n\n

Post Relations<\/h2>\n<\/div><\/div>\n\n\n\n
\n

You don’t need to create a separate Relation <\/strong>in JetEngine > Relations<\/em><\/strong>. When you finish setting up JetAppointment<\/strong>, the necessary options will appear in the posts. You can simply select the needed provider for each service.<\/p>\n\n\n\n

Open the post and take a look at the right-side menu. As you can see, you can select a team for every service.<\/p>\n\n\n\n\"select\n\n\n\n

Read more about posts relations in the corresponding article<\/a>.<\/p>\n<\/div><\/div>\n\n\n\n

Now you have discovered how to get started with the JetAppointment<\/em> <\/strong>plugin and create a booking website.<\/p>\n","protected":false},"excerpt":{"rendered":"

This detailed tutorial shows the step-by-step JetAppointment installation with the help of the specialized wizard.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[453],"yoast_head":"\nJetAppointment: Wizard Plugin Installation | Crocoblock<\/title>\n<meta name=\"description\" content=\"Find out how to add catchy booking functionality to your Elementor website with the JetAppointment plugin by Crocoblock.\" \/>\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\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JetAppointment: Wizard Plugin Installation | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Find out how to add catchy booking functionality to your Elementor website with the JetAppointment plugin by Crocoblock.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-09T14:05:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/connect-post-types-one.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/\",\"name\":\"JetAppointment: Wizard Plugin Installation | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2020-02-04T09:43:30+00:00\",\"dateModified\":\"2023-05-09T14:05:58+00:00\",\"description\":\"Find out how to add catchy booking functionality to your Elementor website with the JetAppointment plugin by Crocoblock.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/#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\":\"JetAppointment Wizard Setup\"}]},{\"@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":"JetAppointment: Wizard Plugin Installation | Crocoblock","description":"Find out how to add catchy booking functionality to your Elementor website with the JetAppointment plugin by Crocoblock.","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\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/","og_locale":"en_US","og_type":"article","og_title":"JetAppointment: Wizard Plugin Installation | Crocoblock","og_description":"Find out how to add catchy booking functionality to your Elementor website with the JetAppointment plugin by Crocoblock.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/","og_site_name":"Help Center","article_modified_time":"2023-05-09T14:05:58+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/02\/connect-post-types-one.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/","name":"JetAppointment: Wizard Plugin Installation | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2020-02-04T09:43:30+00:00","dateModified":"2023-05-09T14:05:58+00:00","description":"Find out how to add catchy booking functionality to your Elementor website with the JetAppointment plugin by Crocoblock.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/jetappointment-full-overview-and-wizard-setup\/#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":"JetAppointment Wizard Setup"}]},{"@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\/18184"}],"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\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=18184"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=18184"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=18184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}