Let’s say you have set up online booking services using the Booking & Appointment Plugin for WooCommerce. You may have designed your store in your choice of format and language.

However, you also want the appearance of your booking calendar and the booking information to match the design and language of your store.

To do so, we have some global-level booking settings that allow you to change the appearance of the booking calendar and booking details on the front end of your store.

You will find this setting applicable to all the bookable services in your store. Simply go to Booking & Appointment > Appearance > Calendar. 

You will find the following settings:

1. Language

2. Date Format

3. Time Format

4. First Day on Calendar

5. Number of months to show in the calendar

6. Calendar Theme 

All the above settings are set to default when you install the Booking plugin on your website. You can change their values as per your business requirements easily.

Here’s a business example to understand these settings:

Let’s say that customers can easily book an online appointment for your dental clinic. Since you are located in Germany, you have set your website’s language to German. Additionally, you want to show the date & time format of the booking date and timeslot as per the standard date format followed in Germany.

The Booking & Appointment plugin has Recurring Weekday and Specific Date booking methods to help you create this bookable service available on a single day with a timeslot. Using any one or both of these methods can create your service as per your business requirements.

For instance, you have created a “Just White Dental Clinic” service using the Recurring Weekdays booking method.

The customer can book an appointment on any day from Monday to Friday.

Available timeslots on these days are 10:00 AM to 12:00 PM and 04.00 PM to 06:00 PM.

Below is the front end of the product created.

 

Please note that after changing the values of these settings, you will need to click on the “Save Settings” button to save the changes.

Let’s dive into them:

1. Language

There are 62 available languages from which you can choose any language suitable for your booking calendar.

As per the example, since you are located in Germany, you would want to show the booking calendar in German.

From the dropdown, choose “German” as the language option.

After saving this setting, the Booking language will be changed to German, as shown below:

You must have noticed in the above image that the booking label has been changed to German.

To do so, you will need to manually change all the booking labels to the language you require, as shown in the previous documentation.

2. Date Format

As per your requirement, there are 16 types of date formats to display on the front end.

All the booking dates on your website will be displayed as per the selected date format.

Suppose you want to show a booking date in the following format: 26 January 2017.

Go to the Date Format setting, select your format from the dropdown, and save the settings.

 

The selected booking date will be displayed as per the selected Date Format “26 Januar, 2017”.

3. Time Format

There are 2 options, “12 hours” or “24 hours” a day, to set the time format in which booking time appears to the customers on the product page once the time/time slot is selected.

By default, it is set to 12 hours. If you want to display timeslot hours in 24-hour format, choose “24 hours” in the Time Format option.

Thus, when the customer clicks the dropdown, all the available time slots will appear as per the 24-hour format.

 

If the 12-hour format has been selected, then the customer will see all the available time slots in the 12-hour format.

All the booking details of the services displayed on your website, whether it is on the Cart page, Checkout page, Thank you page, Email notifications, View Bookings page, or the Order Edit page, will be displayed based on the selected date and time format.

4. First Day on Calendar

The default value for this option is “Monday,” which means the starting day of the booking calendar will be Monday for all the bookable services.

 

You can select any weekday from the option, and that selected day will be the starting day of the booking calendar. If you have selected “Sunday” for this option, then the calendar will appear like this:

5. Number of months to show in the calendar

This is the number of months you want to show in the booking calendar.

It is set to “1” by default, as shown in the image above.

 

If you want to display two months in the booking calendar, select “2” from the drop-down menu.

If you select the value “2” in this option, the booking calendar will appear, as shown in the image below.

6. Calendar Theme

There are 24 available themes, and you can choose any one theme for your calendar that matches the design of your website.

By default, the selected theme is ‘Smoothness’, as shown below.

 

The “Blitzer” theme has been selected, as seen in the image below. Similarly, you can change the calendar theme to fit your business requirements.

Thus, the theme of the booking calendar will be changed to it for the customer as shown here:

In Summary

Thus, with our Booking & Appointment Plugin for WooCommerce, store owners can make their booking services visually appealing and easily understood using these customizable calendar settings. This allows customers to check availability and make reservations seamlessly and effortlessly!