YITH - Booking and Appointment (WooCommerce)

---

You can manage Bookings and Appointments for WooCommerce using YITH. This allows you to set up a variety of bookable products, such as accommodations and equipment, as well as services like salon visits, medical appointments, and personal or business consultations.

This article will discuss the following topics:

• How to Enable the Modules You Need ⤵
• How to Create a Bookable Product ⤵
• How to Add a Bookable Product to a Custom Page ⤵
• Plugin Options ⤵

Additionally, HostGator offers YITH WooCommerce products through the Marketplace in your Customer Portal. To learn how to add these products to your WordPress website, please visit the following article.

• HostGator - How to Purchase YITH WooCommerce Plugins

---

How to Enable the Modules You Need

Some features are disabled by default to have a better plugin performance. Within YITH's Booking and Appointment section, you can find the modules that you can enable for additional options.

• Adding “People Types” to Assign to a Bookable Product ⤵
• Adding "Resources" to Assign to a Bookable Product ⤵

To access YITH Booking and Appointment's Modules:

1. Log in to your WordPress Dashboard.
2. Click YITH on the left-hand menu, then select Booking and Appointment.
3. You will see the YITH Dashboard on the right-hand panel. Click Modules.

   

4. Under Modules, you can enable the following features:
   • People - Enable the People module to create unlimited “people types” and set specific prices or rules for them.
      
   • Resources - Enable the Resources module to create unlimited “resources” associated with your bookable products (e.g., equipment, staff, technology, software, etc.).
      
   • Google Calendar - Enable the Google Calendar module to synchronize your bookings with your Google Calendar.

     

The premium version includes modules like discounts, services, extra costs, Google Maps, and others. Click the Get Premium button for more information about the available modules in the premium version.

---

Adding “People Types” to Assign to a Bookable Product

1. Once the People module is Enabled, click the Configuration on the left-hand side, then select the People tab.

   

2. You can create unlimited "people types" for each type. Enter the name and short description (optional) in this section.

   

3. Select the Add new type button to add the new "people type."

 

---

Adding "Resources" to Assign to a Bookable Product

After enabling the Resources module, you should also find Resources under the Configuration tab of the plugin.

Under the Resources section, do the following:

1. Select the Add new resource button to create unlimited resources.

   

2. Under the New resource section, provide the following details:

   

   1. Create a Resource name.
   2. Upload an Image (a photo or icon to identify the resource).
   3. Set the Available quantity.
   4. Set the Default availability.
   5. Set Additional availability rule.
   6. Click the Save resource button.

Click the expands below to view some sample scenarios.

---

---

Now that you have set up the resources for every bookable product, proceed to the How to Create a Bookable Product section.

 

---

How to Create a Bookable Product

All products and services you offer are managed on WooCommerce as a “bookable product.” To receive bookings on the services you offer, the first thing to do is to add a bookable product in WooCommerce.

• Adding a new bookable product
• Step 1 - Setting up Booking settings ⤵
• Step 2 – Setting up People settings ⤵
• Step 3 – Costs ⤵
• Step 4 – Availability ⤵
• Step 5 – Resources ⤵
• Final step ⤵

Adding a new bookable product

1. Click Add New Product in WooCommerce.

   

2. Setup the Product Name and Description.

   

3. In the Product Data section, set the product as Bookable Product and set the product to Virtual.

   

4. Publish the product.

---

Step 1: Setting up Booking settings

You can begin setting up the bookable product In the Booking Settings panel. Here’s how:

1. Booking Duration - Customers have the option to book for days, months, minutes or hours for your products and services.
2. Enable Calendar Range Picker - This feature should be enabled for the calendar to show in your product’s booking form.
3. Default Start Date in Booking Form – This inserts the day to show as the default in the Start Date field in the booking form.
4. Full Day Booking - Choose whether the booking will be active or not for the full day. (Example: for a booking from day 1 to day 2, day 2 will be fully booked only if this option is active.)
5. Allowed Start Days - Select on which days the booking can start. Leave empty if it can start without any limit on any day of the week.

   

Once the Booking Settings is set up, the next step is to configure the Booking Terms. Here are the steps:

1. Max bookings per unit - Select the maximum number of bookings allowed for each unit. Set 0 (zero) for unlimited.
2. Min/Max booking duration- Set the minimum and the maximum booking duration that customers can select.
3. Min/Max advance reservation- Insert the minimum and maximum advance reservation for the booking.
4. Check-in/Check-out time- Insert check-in and check-out time for your customers.
5. Buffer time- Time for preparation or cleanup between two bookings.
6. Require confirmation- Enable if the admin has to confirm a booking before accepting it.
7. Allow cancellation- Enable if the customer can cancel the booking.

   

 

---

Step 2 – Setting up People settings

You can set all the options to the people types in this section. Please note that this section will only be available if the People module is enabled.

1. Enable people option - Enable this option to assign people to this product.
2. Min/Max number of people - Set the minimum and the maximum number of people per booking.
3. Count people as separate bookings - If you need to book only for a fixed number of people and you set the number in the "Max bookings per unit" option, check this option to count each person as a separate booking.
   Example: you set 10 people for a Yoga class, and you set 10 in "Max bookings per unit" option; every person will be a separate booking until number 10 is reached.
4. Enable people types- You can use types, for example, to set different prices for different people. Example: Adult 30$, Child 10$.

   

 

---

Step 3 – Costs

All the options related to the bookable product’s costs are found in the Costs section.

1. Base price for 1 day - Set your booking price here.
2. Extra price- Here, you can set an extra cost for each person added to the specified number.
3. Fixed base fee- Here, you can set a fixed base fee that will not be multiplied by the booking duration.
4. Advanced Price Rules- You can create advanced rules to set different prices for specific conditions (dates, months, durations).

   

 

---

Step 4 – Availability

You can set all the options related to a bookable product’s availability in this section.

1. Set default availability – the products can be set to be available for the entire day and on all days. Or you can be specific when and what time of day the product is available.
2. Additional availability rules - You can create this rule if the rule only applies to a specific time and dates. 

   

 

---

Step 5 – Resources

You can set all the options related to resources in this section. Please note that this is only available if the "Resources" module is enabled.

1. Enable resources - Enable this option to assign resources to a product.
2. Resource assignment - Enables customers to select one or more resources.
3. Required- this forces the customers to choose one resource
4. Resources layout - Choose to show the resources either in a dropdown menu or by listing them all in the booking form. Select "default" to use the resources' default layout set in the plugin settings.
5. Label - Choose the label for the resources. This will be used in carts and totals site-wide.
6. Label (Product page) - Choose the label for the resources, which will appear before the dropdown menu on the product page. If not set, the default Label will be used.
7. Field placeholder - Choose the placeholder for the resources dropdown menu.
8. Resources - You can an existing resource to the product. 

   

 

---

Final step

To complete the product setup, add a brief description and a high-quality image for identification, then publish on WooCommerce. Ensure accuracy and comprehensiveness for the best customer experience.

 

---

How to Add a Bookable Product to a Custom Page

You can use the Booking Form block to create a landing page and booking form from your homepage.

1. On your new or existing page, click on the + symbol.
2. Search for the Booking form.

   

3. Insert the block and select a specific bookable product.

   

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

   

 

---

Plugin options

• Dashboard and Calendar ⤵
• Booking form options ⤵
• Calendar options ⤵
• Customization options ⤵
• Availability rules ⤵
• Price rules ⤵

 

---

Dashboard and Calendar

• You can find all bookings on the Dashboard. All bookings can be manually edited, filtered by dates, exported into a .CSV or. ICS files.

  

• You can go to the Calendar for a different view of all bookings. It is a must to check the Resources calendar to check for availability.

  

 

---

 Booking form options  

1. For the booking form, choose either the block feature or a fixed position on the product page (before/after the description or after the summary). The choice depends on preference and page layout.

   

2. For the date range layout, choose either a single or two separate fields. The choice depends on preference and the design of the booking form.
    

   

3. Choose the calendar layout: you can choose to show the calendar in a dropdown or embed it directly into the page.

   

   

4. For the booking form calendar, pick how many months to load. We suggest showing a maximum of three months to improve performance, with the remaining months loaded via AJAX.

   

5. For the people selector, choose between a dropdown or listing them directly on the page. The choice depends on preference and booking form design.

   

6. Enable min/max duration control in the calendar to restrict date selection to meet the minimum and maximum duration requirements set in the bookable product.

   

7. Choose whether to disable dates without available time slots in the booking form.

   

 

---

Calendar options

1. To customize the view of the calendar available in Dashboard > Calendar, go to the settings and choose the default start time and time step. Additionally, you can select which details to show to identify bookings in the calendar, such as the Booking ID, customer name, and bookable product name. This customization can help provide a clearer overview of your bookings and make it easier to manage your schedule.

   

2. If you have enabled the Google Calendar module, you can easily connect and synchronize your account by entering your Client ID and Client Secret. To find this information, follow the instructions available on the page. This integration can help streamline your calendar management and keep all of your bookings in one place.

   

 

---

Customization options

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

• Customize the date and time picker format of the booking forms

  

• Customize the colors of frontend elements

  

• Set the fields’ font size

  

• Customize all plugin labels, including "Book Now," "Check-in," "Check-out," to create a personalized experience for customers. Go to the settings and select the labels you wish to change.

  

 

---

Availability rules

In the Configuration > Availability rules section, you can create global rules that will be applied by default to all of your bookable products. This includes setting products as non-bookable on specific days, such as Sundays, during the Christmas holidays, or during the summer. By implementing these global rules, you can save time and ensure that all of your bookable products follow the same availability rules.

 

---

Price rules

In the Configuration » Price rules section, you can create global rules that will be applied by default to all of your bookable products. This includes setting rules for increasing or decreasing the prices of all products based on specific conditions, such as dates, months, booking duration, number of people, and more. By applying these global price rules, you can save time and ensure consistency across all of your bookable products.