The Booking & Appointment for WooCommerce plugin can convert any of your Vendor’s products into bookable ones.

Here’s how it can be done.

A. Vendor Settings

Login to your WCFM Vendor Dashboard first.

Go to the Booking tab > Create Bookable to create a bookable product.

Booking Tab

It will take you to the Products Page.

Enter the details such as the Name, Product Type, Price, Product Image, etc of your booking product:

Adding a new product

Then, scroll down till you find the ‘Booking’ meta box.

Fill in the details of your online booking services under the ‘General’ menu.

In it, you will first have to enable your booking.

Then, choose what kind of booking type you require. Booking types can be based on the following:

• Only Days: Single Day, or Multiple Nights
• Date & Time: Fixed Time, or Duration-Based Time
• Multiple Dates: Dates, or Dates & Fixed Time

Booking settings 

Configure the other settings such as enabling an inline calendar, purchasing without choosing a date, requiring confirmation for the date, etc.

Furthermore, under the ‘Availability’ menu, set the availability of your bookings.

Once you are done, save these settings & click on the ‘Submit’ option!

B. Frontend Display

Let’s see how this newly created product can be booked.

Under the ‘Store’ tab you will see your bookable product like this:

Vendor’s product displayed on the store

After clicking on it, the customer will be taken to the product page:

The front end of the newly added product from the vendor’s side

The ‘Guitar lessons for beginners’ is booked for 18th April 2021 at $85.

The customer will be taken to the Cart Page which will appear like this:

Cart page displaying details of the selected product

After confirming the order details, the ‘Proceed to checkout‘ option can be clicked.

The Checkout Page which will appear as shown below:

Order Details page showing booking details

Here’s how the Thank you Page will appear:

Now, after an order has been booked, if you wish to view it, you can see it under the ‘Order Tab’ of Vendor Dashboard as shown below:

Here, we can see that the order placed is displayed with Order #270 and its details.

If you click on the ‘eye’ icon located on the right-hand side, you will be able to view all the details of this order as such:

In addition to seeing the booking details in the order, you can check this booking from the “View Bookings” page.

You can also edit your booking date from there. Learn more about it here.

Thus, as a Vendor, you have successfully created a bookable product for your store!