How To Make A Booking System In WordPress


In this video, I show you how to create a booking system in WordPress where you can choose a service, a person that will provide the service, a date, timeslot, store some information of the client and let the customer pay immediately. We will do it using the plugins JetEngine, JetAppointment, JetElements, and JetPopup from Crocoblock.

First, we will get a Crocoblock subscription. Then we will install JetEngine, JetAppointment, JetElements, and JetPopup.

Then we will create 2 custom post types. Services and Barbers. But it can be anything. Houses, Listings, Appartments, Teachers. We will connect the services with the barbers so we can decide which barber offers which service. So for instance: Barber Roy can do haircuts and beard trims, but no mustache trims.

We will adjust the booking form so it will look better and is easier to fill in. We will style it to make it fit the design of the website. Then we will use JetPopup to place the form in a popup. We will trigger it in Elementor with a button element.

Then we will decide what should happen when a new booking is submitted. We will send a notification to WordPress, an email to the business owner, a confirmation email to the booker and we will redirect the booker to a thank you page.

Example website: https://jetappointment.cbexample.com
Crocoblock: https://ferdykorp.com/cb

Overview With Timestamps:
00:00 Intro
00:14 The Final Result
04:04 What We Will Cover In This Tutorial
08:26 Get Crocoblock
13:38 Install JetEngine
14:11 Activate the License
14:35 Install More JetPlugins

16:30 Create Custom Post Types
21:21 Add Services and Barbers
24:36 SetUp JetAppointment
26:05 Configure the Opening Times

29:37 Single vs General Booking Form
30:34 JetAppointment Settings
32:50 Add Featured Images To Barbers

35:14 Jet Engine Forms
35:37 Add The Form In Elementor
38:36 Link The Barbers To The Services
40:52 Fill In The Form

43:06 Adjust the Booking Form
46:12 Add Prices to the Services
47:55 Show The total price in the Form
50:18 Split the form in 4 parts

52:30:50 Create a Popup
58:30 Copy The Style Of The Popup
59:53 Adjust the Colors
01:06:40 Add A Trigger Button For The Popup
01:10:35 Adjust the form style in Elementor

01:18:44 Let the Booker Pay Upfront with WooCommerce

01:24:00 Introduction to Listings
01:29:43 Connect the Listing To The Form
01:33:00 Create a Second Listing
01:37:40 Change The Popup Area
01:38:22 Add a Back Button

01:42:25 Create an Email Template For The Shop Owner
01:48:45 Create a Confirmation Email Template For The Booker
01:51:10 Create a Thank You Page
01:55:00 Make The Form More Personal By Adding a Name
01:59:10 Thank You

Fonts That Are Suitable For a Website

When making aspects on a web site, it might seem easy. All you need to do is layout stunning banners and also sliders to grip the interest of a viewer. Did you know that these lovely banners and also sliders should additionally have an understandable typeface?

Why Ecommerce Website Design Services Is Vital for Online Businesses

Ecommerce site design came about therefore of expecting a website that had a more minimalistic look. As a whole, it’s most definitely worth using cost-free site layout with CMS. You will surely concur that the absolute best thing regarding the absolutely complimentary website style is it does not come at any cost. An economical website layout doesn’t represent inexpensive. Nonetheless, a reasonable website layout doesn’t also represent bad excellent quality internet sites. Magnificent as well as stylish ecommerce internet site style is simply among our specialities.

The Basic Facts of Web Design For Online Business

Creating an ideal site plays an incredibly important component in promoting your online service on an expert degree. Possessing a site which also appears great on a smart device or tablet is important to remain to maintain your business competitive. To do this, your internet site must be tidy, with easy navigation, and also an appearance as well as really feel that’s straightforward to adhere to for an improved individual experience.

Understand The Following Before You Begin Website Designing

Website Designing is a challenging task – isn’t it? Well, it is, but do you recognize that it can be simple? Desire to know just how? If yes, see to it you scroll down and understand the adhering to points prior to you take your extremely initial action.

Main Causes That Slow Down Your Website

We are staying in the age of rate and also in an order to win the competition; you need to move quicker to fulfill your steps with it. If your web site is slow-moving, it’ll check the perseverance of your visitors and also provide an indisputable reason to shift to your competitors.

Step-By-Step Methodology Followed By A Website Designing Company

A website is important, therefore is its developing and also advancement. When it pertains to employing an expert for creating an attractive web site that not only attracts the site visitors, but also has sufficient abilities to supply the results, so, people get puzzled, whether they rely on a Site Designing Business or not. If you need to know how they mosting likely to help you or what approach they comply with, so, here are some points that make clear the little as well as essential steps they take. Why wait? Let’s increase the curtain from that.

5 Keys to a Winning Website Content Strategy

Have you updated your website material recently? Just how is your internet site transforming as well as do you utilize wonderful focus ordering content that involves your site visitors? If you have not considered your material in some time or if your site is not performing as much as your assumptions, maybe these 5 methods of crafting your material and also duplicate can help.

What Is The Right Time To Invest In A Website Redesign?

There are several business which comprehend the importance of a streamlined and nice-looking site and know the troubles they are prone to, however are unsure about when to make the step for a redesign. Revamping a web site requires an enormous amount of difficult job as well as time as well as an excellent sum of money.

Small Business Web Design & SEO Tips to Boost Your Website Ranking

If you are a business owner then you are rather much in requirement for new incoming leads? A web site advertises you 24×7 and also for this reason its crucial for your tiny organization site to be ideal in terms of layout & SEO. Here you can get the ideas to enhance your ranking high.

Why Hire Web Design Professionals

The internet has irreversibly transformed the globe as we understand it. We are adjoined by means of digital interfaces as well as we can send as well as obtain information faster than ever before. It goes without saying that when creating a web site, there are certain standards as well as policies to be fulfilled. An expert internet designer knows those great details. However there are more to it. Working with a pro will help your internet site gain online visibility, be interactive and a lot more. Figure out why you ought to employ internet style professionals.

You May Also Like