Make An Appointment Booking Website Using JetAppointment - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Ferdy Korpershoek Video: Make An Appointment Booking Website Using JetAppointment.
Learn how to make a website with an appointment booking website where visitors can choose a service, a person, a date, and a time and put it on autopilot so you can fill all slots for the service you offer. You can also let them pay upfront through a payment provider.

This tool is great for barbers, massage salons, or any other business that lets people create an appointment.

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:17 The Final Result
03:46 What We Will Cover In This Tutorial
07:59 The 4 Steps We Will Take
08:37 Get A Domain Name And Webhosting
17:03 Install Wordpress

19:29 The Frontend And Backend Of The Website
23:01 Make The Website Secure
23:20 Clean Up Your Wordpress Website
28:32 Wordpress Themes
30:18 Install A Complete Website

35:38 Get Crocoblock
41:14 Install JetEngine
41:47 Activate the License
42:11 Install More JetPlugins

44:07 Create Custom Post Types
48:57 Add Services and Barbers
52:12 SetUp JetAppointment
53:42 Configure the Opening Times

57:14 Single vs General Booking Form
58:10 JetAppointment Settings
01:00:27 Add Featured Images To Barbers

01:02:50 Jet Engine Forms
01:03:13 Add The Form In Elementor
01:06:12Link The Barbers To The Services
01:08:29 Fill In The Form

01:10:43 Adjust the Booking Form
01:13:49 Add Prices to the Services
01:15:32 Show The total price in the Form
01:17:54 Split the form into 4 parts

01:20:07 Create a Popup
01:26:07 Copy The Style Of The Popup
01:27:29 Adjust the Colors
01:34:17 Add A Trigger Button For The Popup
01:38:11 Adjust the form style in Elementor

01:46:20 Let the Booker Pay Upfront with WooCommerce

01:51:36 Introduction to Listings
01:57:19 Connect the Listing To The Form
02:00:36 Create a Second Listing
02:05:17 Change The Popup Area
02:05:58 Add a Back Button

02:09:23 Create an Email Template For The Shop Owner
02:16:22 Create a Confirmation Email Template For The Booker
02:18:47 Create a Thank You Page
02:22:37 Make The Form More Personal By Adding a Name
02:26:46Thank You

Published: Monday, April 12, 2021 11:10 PM
Category: Ferdy Korpershoek

25 Views

Related Videos

How To Make an Appointment Booking Website

by Best Webhosting Added 3 years ago 37 Views / 0 Likes

Learn how to make an appointment booking website step by step with no step skipped. By the end of this video, people will be able to schedule appointments with you on your website. We will be using WordPress which is the best way in the entire world to create your website. It's perfect for consultants, dog groomers, lawyers, accountants, doctors, therapists, dentists, dermatologists, salons, trainers, setting up meetings, or zoom meetings-- or anyone
How to Make a CLEAN Appointment Booking System with WordPress (Easy And Fast)

by Best Webhosting Added 1 year ago 30 Views / 0 Likes

https://www.darrelwilson.com/booknetic Booknetic is an appointment booking plugin that can help you with your booking plugin. If you want to learn how to create a booking website with wordpress, this booking plugin will help you establish a really nice booking form for your wordpress website. 00:00 Start 01:20 Intro 02:56 Plugin 05:50 Setup Wizard 08:49 Add A Location 11:08 Add A Staff 13:07 Add A Services 23:25 Dashboard 26:08 Add A Customer 26:42 Co
How To Create An Appointment Booking Website With Wordpress

by Best Webhosting Added 1 year ago 30 Views / 0 Likes

Learn How To Make An Appointment Booking Website With Any Page Builder With Divi, Elementor, or Gutenberg) Get Fast Web Hosting: https://www.darrelwilson.com/namehero Download Amelia Booking: https://darrelwilson.com/amelia-booking ( Use Code Darrel2021) Try Astra PRO: https://www.darrelwilson.com/astra (Code Darrel10 Gives 10% OFF) In this video, I will show you how to create a professional booking website with Wordpress step by step. With this websi
How To Create An Appointment Booking Website With Wordpress 2017 - Bookly Plugin Tutorial

by Best Webhosting Added 4 years ago 95 Views / 0 Likes

Do You want to learn how to make an appointment website or booking website with Wordpress? Than this wordpress website tutorial is for you! In this tutorial, i will show you how to use the bookly plugin with wordpress. To Purchase this plugin here: https://codecanyon.net/item/bookly-booking-plugin-responsive-appointment-booking-and-scheduling/7226091?ref=darrel03 You can download the plugin for free here: https://s3-us-west-1.amazonaws.com/darrel/code
How to get started with YITH Booking and Appointment Plugin

by Best Webhosting Added 1 year ago 17 Views / 0 Likes

Use a simple dashboard to sync your calendar and online store, easily allowing visitors to schedule appointments or reserve services. Watch this video and get started with the YITH Booking and Appointment Plugin! Bluehost is the perfect place to turn ideas into businesses with an intuitive dashboard and tools that make it easy for users to build, grow and scale their online presence. To know more, visit https://bluehost.com/ #SellBigWithBluehost #Onli
Top 10 Best Booking Plugins For Wordpress (Appointment, Hotels, and Rentals)

by Best Webhosting Added 1 year ago 28 Views / 0 Likes

Need help to find the best appointment booking plugins for wordpress? In this video i breakdown some of my favorite booking plugins for wordpress. These plugins dont come in any order, i think all of these booking plugins are pretty good General Booking Plugins Booknetic: http://www.darrelwilson.com/booknetic https://www.youtube.com/watch?v=T2QePfCRmGA&t Amelia https://www.darrelwilson.com/amelia https://www.youtube.com/watch?v=YiPIJtvVU3Y&t Bookly: h
Popular
WordPress Booking Plugin: FREE Appointment System ️ (with Calendar)

by Best Webhosting Added 4 years ago 110 Views / 0 Likes

Learn how to let your visitors book appointments through WordPress using a free appointment booking calendar plugin. Get the shortcodes and Easy Appointments WordPress Plugin in the article here: https://bit.ly/2K9yWcM For a basic one-column form, just use: [ea_bootstrap] To create a two-column form, which I think looks much better, use: [ea_bootstrap width="800px" scroll_off="true" layout_cols="2"] Want to let your visitors book appointments through
Popular
How To Make A Booking Website With Wordpress

by Best Webhosting Added 4 years ago 106 Views / 0 Likes

Get Hosting Here: https://www.darrelwilson.com/siteground70 UPDATE: NEW PLUGIN LOCATION HERE: https://darrelwilson.com/amelia-booking Want more Templates? Get The Pro Version: https://www.darrelwilson.com/astra In this video, ill show you how to make a booking website with wordpress. We use a free theme called astra and a top rated booking plugin from envato market that makes making a booking website with wordpress really simple, fast, and clean! I do
How to Make a FREE Restaurant Food Ordering Website With WordPress in 1 HOUR! [DELIVERY AND BOOKING]

by Best Webhosting Added 4 years ago 61 Views / 0 Likes

Get 70% OFF Web Hosting HERE: https://www.darrelwilson.com/siteground70 Elementor PRO Tutorial: https://www.youtube.com/watch?v=d9tcmqJEEu4 Gloria Food App: https://apps.apple.com/us/app/restaurant-order-taking-app/id903935429 In this video, I will show you step by how to create a food ordering website with Wordpres. With this website, you can accept real time orders for pick up and delivery with credit cards or they can pay you at your restaurant. Th
How to Make a Restaurant Food Ordering Website in WordPress - w. Booking & Delivery (Real-Time App!)

by Best Webhosting Added 1 year ago 31 Views / 0 Likes

Start Here: https://hoganchua.com/hosting (use HOGANCHUA for an extra 10% off) Learn how to create a commission-free food ordering website in WordPress step by step. With this system, you can get real-time push notifications in an app (similar to Ubereats/Doordash). You can get started with little startup costs, and make one for your own food business or help others set it up and make money. Demo site: https://food-ordering-demo.com This is the comple
How To Make A Hotel Booking Website With Wordpress (Like The Hilton Hotel)

by Best Webhosting Added 1 year ago 21 Views / 0 Likes

Learn how To Create A Hotel Booking or Online Reservation Website With Wordpress! Get Fast Discounted Hosting: https://www.darrelwilson.com/namehero Demo Website: https://www.darrelhotel.com In this video, ill show you how to make a modern and professional hotel booking with Wordpress. I also use a wordpress plugin, so you can make this website with any wordpress page builder that you you would like. In this video i use the Astra theme and Elementor t
How to Add Booking and Reservation in WordPress Websites For Free? Part 2: Display Booking Form

by Best Webhosting Added 3 years ago 35 Views / 0 Likes

Do you want to allow your customers to book a reservation or appointment directly from your WordPress site? Part 1 - Installation and Setup https://www.youtube.com/watch?v=DzqGEIcNZ9w Part 2 - Display Booking Form https://www.youtube.com/watch?v=Rqs_sfF9Xzw Part 3 - Customize Reservation Page https://www.youtube.com/watch?v=Ae2wEXJxn4A Many businesses need an appointment booking WordPress form that allows customers to easily book an appointment online