Loading...

Knowledge Base
Categories:

Set Up YITH Booking and Appointment for WooCommerce

Share

Overview

With YITH Booking and Appointment for WooCommerce, you can manage bookable products like rooms, houses, sports equipment, bikes, etc., and services like yoga lessons, medical appointments, legal or business consulting, etc.

 

Enable the Modules You Need

For better plugin performance, some features are disabled by default. To enable the modules you need, follow these steps:

  1. Go to Add-ons, and then click the Modules tab.
  2. In the Modules section, enable the applicable modules to get additional options.


     

For example, you can enable the People module to create unlimited people types and set specific rules or prices for them (e.g., Adults, Under 18, Children, Students, Over 60, Military Veterans, Members, etc.).

You can also enable the Resources module to create unlimited resources to associate with your bookable products (e.g., equipment, staff, technology, software, etc.). Enable the Google Calendar module to synchronize your bookings with your Google Calendar.

NOTE: In the premium version, you will find more modules available, like Extra Costs and Discounts, Services, Google Maps, etc. Check the Get Premium tab to discover all the features you can get by upgrading to the premium version.

 

How To Set Up the People Module To Assign to Your Bookable Products

Once you enable the People module, you can view the People subtab in the plugin’s Configuration tab. To set up the People module, follow these steps:

 

  1. In the Add new type section, create unlimited people types.
  2. For every type, you only need to enter the name and, optionally, a short description.



     
  3. Click the Add new type button to save the new type and see it in the table.

 

How To Set Up the Resources Module To Assign to Your Bookable Products

Once you enable the Resources module, you can view the Resources subtab in the plugin’s Configuration tab. To set up the Resources module, follow these steps:


 

  1. In the New resource section, click the Add new resource button to create unlimited resources.
  2. For every item, enter a resource name, upload an optional image (a photo or an icon to identify the resource), set the available quantity, and the default availability.


     

Let’s see some examples:

  1. You rent out meeting rooms and workspaces, and you only have three projectors available. For some reason, you want to set some limits for this resource. The projector will be available only from 8 AM to 2 PM on Saturdays, and it will not be available on Sundays. To do this, follow the steps below:
     
    • Enter Projector as resource name, and then set the quantity to 3.
    • Set the resource as Bookable, All days for All day.
    • Click the + Add options for specific days option.
    • Set Saturdays as Bookable only from 8 AM to 2 PM.
    • Click again the + Add options for specific days option, and then set Sundays as Not bookable for All day.
    • Click the Save button to save the resource.
       
  2. You have a hairdressing salon with five hairstylists employed. You want to give your customers the option to choose the hairstylist when they book a haircut appointment, and you need to manage the hairstylist’s availability in an advanced way. To set the hairstylist’s availability, follow these steps:
     
    • Create a resource name for each hairstylist, and then add the applicable photo to identify her.
    • Set 1 as the available quantity.
    • Now, set the hairstylist’s availability according to her work shifts.
    • Click the Save button to save the resource.

 

How To Create a Bookable Product

Each product or service you want to offer to your customers through a booking system is managed on WooCommerce as a bookable product. With this, you can get bookings for a room, a hotel, a guitar lesson, or a medical appointment. To create a bookable product, follow these steps:

  1. Go to Products, and then click Add New.
  2. In the Product data section, select Bookable Product, and then select the Virtual checkbox if the product is not a physical product that will be shipped.


     

 

Step 1 – Booking Settings

In the Booking Settings panel, you can start configuring your bookable product.

  • Booking Duration — Set the booking duration if you want your customers to book for minutes, hours, days, or months (e.g., for an appointment, users usually book for hours or minutes; for a hotel room, they usually book for days, etc.).


     

  • Enable calendar range picker — Enable to view the calendar in the booking form on this product’s page.


     

  • Default start date in booking form — Select if you want to leave the field empty, show the current day, the current day + 1, the first date available, or set a custom date.


     

  • Full day booking — Enable the Full day booking option for a booking from day 1 to day 2. Day 2 will be considered as fully booked, and will not be available for other customers to choose from.


     

  • Allowed Start Days — Set the allowed start day (e.g., bookings can only start on Mondays) or leave empty if customers can start the booking any day of the week.


     

  • Max bookings per unit — Set the maximum number of bookings allowed per unit (e.g., if you rent out three rooms in the same house, you can set 3. If you rent out the entire house in a single booking and you need to prevent multiple bookings in the same period, you should set it as 1).


     

  • Min/Max booking duration — This is optional. Set a minimum or maximum booking duration (e.g., you can decide if customers need to book the hotel rooms for a minimum of three days). Leave these fields empty if you don’t need to set any limits.


     

  • Min/Max advance reservation — This is optional. Set a minimum or maximum advance reservation for the booking.


     

  • Check-in/Check-out time — Set optional check-in and check-out times. This info will be shown in the booking form.


     

  • Buffer time — Set an optional buffer time between bookings. This can be useful in case you need time between bookings for the cleaning service to take care of the room or simply a pause before the next booking begins.


     

  • Require confirmation — Enable the Require confirmation option if you want to get booking requests and confirm each request manually.


     

  • Allow cancellation — Enable the Allow cancellation option if you want to allow customers to cancel their bookings. If this option is enabled, you can set a time limit, e.g., the user can cancel a booking up to 3 days before the booking start date.

 

Step 2 – People Settings

The People settings is only available if the People module is enabled. In the People section, you can set all the options related to the people types. To set all options, follow these steps:

  1. Enable the option to assign people to the product.



     
  2. Set a minimum and a maximum number of people per booking (e.g., if you rent out an apartment with two rooms, you can set, for example, a minimum of 1 person and a maximum of 8 people).
  3. Enable the Count people as separated bookings option if you need to have only a fixed number of people per booking and count each person as a separate booking.
     

    NOTE: This option is useful if you have limited availability for the bookable product; for example, you only have 10 bikes, and you need to update the available quantity according to the bookings received.




     
  4. Enable the people types option if you want to set the people types created in the plugin configuration panel for this specific product. By enabling this option, you will see a table below with a list of all the people types available.



     
  5. In the section below, you can enable the people types you want to show in this product and, for each of them, you can set the minimum or maximum number of people per booking (e.g., you only want to allow a maximum of 2 children per booking).

    You can also set the price for each person, this will override the base price set for the product (e.g., the base price is $100/day per person, but you can override this just for students and give them a special price of $50/day).


     

 

Step 3 – Costs

In the Costs section, you can set all the options related to the bookable product’s costs. To set all options related to bookable costs, follow the steps below:

  1. Set the base price (per hour/day/week: this depends on the booking duration you set before) and decide if you want to multiply the base price by the number of people or not.

    For example, you can rent out an apartment with a fixed price of $100/day, no matter how many guests are included in the booking or set a price of $100/day to be multiplied by the number of guests.


     

  2. If the Multiply by the number of people checkbox is not selected, you can set an optional extra price for additional people.


     

  3. In Fixed base fee, set an optional fee to charge and choose if you want to multiply the fee by the number of people or not.


     

  4. Create advanced price rules. You can use the rules to automatically increase prices during the high season (e.g., +10% during August and September) and decrease them during the low season.

    You can also increase the price on Sundays or during holidays, or even set a discount on all bookings during Black Friday.

 

 

Step 4 – Availability

In the Availability section, you can set all the options related to the bookable product’s availability. To set all options, follow these steps:

  1. In Set the default availability, you can just leave the product as available all days and for the entire day or set a specific availability for days or hours.


     

    For example, a doctor’s office will not be available for appointments on Saturdays or Sundays; or you have an apartment that can be booked per day, but you want to use it every Monday, so you need to set all Mondays as not bookable.


     

  2. Create advanced availability rules to enable or disable the booking availability on specific dates or months.


     

 

Step 5 – Resources

Resources is only available if the Resources module is enabled. In the Resources section, you can set all the options related to the resources. To set all options related to the resources, follow the steps below:

  1. Enable the Enable resources option to assign resources to the product.


     

  2. Choose how to assign the resources. You can have customers select only one resource or multiple resources, or you can automatically assign one available resource or all resources.


     

  3. In Label, set the label for the resources.


     

  4. In the Add resources section, click the Add button to choose which resources to assign to this product.


     

  5. For each resource added, you can set the price and an optional fee.



     

Resources will be shown in the booking form like this:

 

 

Final Step

Now you can finish setting up the product by adding a short description and an image to identify the product and publish it. This is the same process used to create a simple product on WooCommerce.

 

 

How To Insert the Booking Form Into the Bookable Product Page

To insert the booking form into the product page, follow these steps:

  1. Select the Bookable product form block from the sidebar of the product page or inside the product page if you are using a block theme.


     

  2. On the right side, you can also find some options to customize the form. You can select which elements to show or hide (product title, rating, meta, etc.), customize the style (border radius, padding, colors, etc.), and customize the Book button.

 

 

How To Insert the Booking Form of a Specific Bookable Product Into a Custom Page

It’s also possible to show the booking form of a specific bookable product on any page of your site. To do this, follow the steps below:

  1. Select the Booking form block.


     

  2. Insert the block, and then associate the form with a specific bookable product on the right side.


     

  3. On the right side, you can also find some options to customize the form. You can select which elements to show or hide (product title, rating, meta, etc.), customize the style (border radius, padding, colors, etc.), and customize the Book button.

 

This is an example of a custom page with a booking form that allows users to book a physiotherapy session without redirecting them to the bookable product page.

 
 
 

Plugin Options

Dashboard and Calendar

  • In the Dashboard tab, you can find a table with all the bookings made by your customers. You can filter bookings by dates, use the bulk action to export bookings to CSV or ICS files, and manually edit bookings if needed.


     

  • The Calendar subtab gives you a different view of the bookings. You can also check the Resources calendar to monitor their availability.

 

Booking Form Options

  • Booking Form Position — Select the booking form position. You can use the block as explained above or choose a fixed position on the product page (before or after description, after summary, etc.).


     

  • Date range picker layout — Select the date range layout. You can choose to show the date pickers as a unique field or as two different fields.





     

  • Calendar style — Select the calendar layout. You can choose to show the calendar in a dropdown or embed it directly into the page.






     

  • In calendar load — Select how many months to load in the calendar. The other months will be loaded via AJAX. We suggest showing a maximum of 3 months to improve performance, if possible.


     

  • People types layout — Select how to show the people selector. You can choose to show the people in a dropdown or to list all of them directly on the page.





     

  • Check min/max duration — Enable the minimum or maximum duration control in the calendar. If you have a minimum or maximum duration set in the bookable product, the calendar will disable dates according to this option (e.g., if the minimum duration is 7 days, users can only select dates according to this limit, the other dates will be disabled).


     

  • Disable day if no time is available — Select this option if you want to disable dates when no time slots are available for these dates.


     

  • In case of errors in the booking form — Select how to prevent errors in the booking form. You can choose to disable the Book button until the user selects the correct dates and options, or leave the button visible and show an error message if the user chooses a date or an option that is not available.




 

Calendar Options

  • Go to Dashboard, and then click Calendar. Customize the view of the calendar available. You can choose the default start time and time step, and which details to show to identify the bookings in the calendar (Booking ID, customer name, bookable product name, etc.).


     

  • If the Google Calendar module is enabled, you can enter your Client ID and Client Secret to connect and synchronize your account. Follow the instructions available on the page to learn how to find this info.


     

 

Customization Options

In this section, you can find additional options to customize the plugin according to your needs and the style of your shop.

  • Date Picker Format and Time Picker Format — Customize the date and time picker format of the booking forms.


     

  • Colors — Customize the colors of frontend elements.


     

  • Fields’ font size — Set the applicable font size for the fields.


     

  • Labels section — Customize all the labels of the plugin (e.g., “Book Now,” “Check-in,” Check-out," etc.).

 

 

Availability Rules

In the Configuration > Availability rules section, you can create global rules to apply to all your bookable products. These options are the same as you can find in each product, but they will be applied by default to all products.

For example, you can use the global availability rules to set all products as Non bookable on specific days (e.g., Sundays), during the Christmas holiday, or during the summer.

 

 

Price Rules

In the Configuration > Price rules section, you can create global rules to apply to all your bookable products. These options are the same ones you can find in each specific product, but they will be applied to all products by default.

For example, you can use the global price rules to increase or decrease the prices of all products for specific conditions (dates, months, booking duration, number of people, etc.).

 

For further assistance, you may contact the Crazy Domains Support.

 

Did you find this article helpful?

 
* Your feedback is too short

Loading...