View Product Page

Plugin calendar settings

From YITH > Booking > Settings > “Calendars” you are able to manage the settings for the calendars that are visible to you (admin) in the backend in Dashboard > Calendar.

plugin calendar settings.

  • Default time step in daily calendar: Decide to show the daily calendar in blocks of 1 hour, 30 minutes or 15 minutes.
  • Default start time in daily calendar: Decide the default start time of your calendar view.
  • Booking name in calendar will include: Decide which information is shown in the name of the booking in the calendar.
examples

Booking ID and user name

Booking ID & product name

Booking ID, product name & user name

Booking ID, user name and product name

 

External calendars

In YITH > Booking > Settings > “Calendars” , you can find these two options:

External calendar settings

  • Calendar synchronization expires after: The minimum time for which the external sync is considered expired.
  • Show bookings of external calendars in plugin calendar: Enable to show external bookings in Dashboard > Calendar.

Example

If you set the first option to 30 minutes and synchronize a Booking product now (by contacting external services such as Airbnb or Booking.com), the loaded data will expire in 30 minutes.

So, if a customer checks the availability now, the plugin uses the loaded data as it is -still not expired-. After 30 minutes, the data will no longer be updated automatically, since it requires to be synchronized again.

If a customer checks the availability after 1 hour, the plugin will consider the data as expired and will update the external data to check the correct availability.


We recommend to set this option to a reasonable value to improve performance. Therefore, if you usually get a booking every 6 hours, you can set “Calendar synchronization expires after” option, to 2 hours.
As a general rule, 30 minutes is a good sync expiration time for every Booking system.

Please note: Airbnb synchronizes external bookings every 2 hours.

For more information on synchronizing your calendars, please refer to this page here.

Google Calendar

Thanks to the integration with Google Calendar, the admin can view bookings on his/her own Google Calendar. The booking synchronization is one-way sync (from your site to Google Calendar).

You can configure the Google Calendar from YITH > Booking > Settings > “Calendars”.

First of all, you need to set Client ID and Client Secret as explained in the related section of the plugin.

google calendar credentials

After creating a project in https://console.developers.google.com/ and enabling Google Calendar API in Your Project -> Library, you need to create an OAuth Client ID for a Web application in Your Project and create your credentials.

google_calendar_settings_2

When creating the client ID, select Web application in the Application type and enter a name. Then insert the link in the Authorized Redirect URLs.

google_calendar_settings_3

After creating your credentials, you need to copy the Client ID and Client Secret.

google_calendar_settings_4

Now you need to add and save the credentials.

google calendar access

Now, you can have access to Google Calendar from the related plugin section.

get access google calendar

You need to select the account that will be synchronized.

google_calendar_settings_7

Click on the Allow button to proceed with the calendars management.

google_calendar_settings_8

Now select the calendar on which showing all your bookings and save the options.

Google Calendar settings

google calendar after access

In Google Calendar settings, you can find some new options:

  • Debug: when applying a debug, this will show in the plugin Logs section.
  • Synchronize: you can choose when synchronizing bookings for one or all of the following options:
    • on booking creation
    • on booking update
    • on booking status update
    • on booking deletion.
  • Add note on sync: if enabled, a private note will be added to the booking every time the synchronization with Google Calendar is applied.
  • Event name will include: Decide which information is shown in the name of the booking in the calendar. You can see some examples on this page here.

Actions

There are two kinds of actions that can be applied for booking synchronization:

  • Synchronize not synchronized bookings: this allows synchronizing those bookings that have never been synchronized.
  • Synchronize all bookings (Force): this allows forcing the synchronization of all the bookings available on the site.

Cart & Orders

From YITH > Booking > Settings > “Cart & Orders” you can manage the cart page and checkout page related to booking products.

cart and orders settings

  • Show “Booking of” text before product name: This can be useful in case you are booking an apartment or renting a car. Enabling this option you prevent the doubt that you are actually buying an apartment or buying a car.

Cart with label

  • “Booking of” label: Decide the name of the label that is shown in the cart and on checkout.
  • Show totals in the cart and checkout: Enable to show a breakdown of the price in the cart and checkout page.

show totals in cart and checkout

Price options

From YITH > Booking > Settings > “Customizations” you can set the booking form options.

how to show prices new

The price shown will include: This manages how the price is shown on the shop page. You can decide to show:

  • Base price
  • Fixed base fee
  • Extra costs
  • Service costs

You always have to select at least one option.

Base price example

base fee shown

Base price + Fixed base fee example

fixed + base fee shown

Base price + Extra costs example

base price plus extra costs

Base price + Service costs example

base price plus service costs

As you can see in the examples above, when selecting either “Extra costs” or “Service costs” the option to show the price per day/week/month, is no longer available.

  • Show the price type: decide to show the price per day/month etc.

show price per day option

  • Replace ‘days’ with ‘weeks’: Decide to convert multiple of 7 days, as weeks.

show price per day or week

Checkout page and read more button

From YITH > Booking > Settings > “Customizations” you can manage the colors and labels of the booking plugin.

redirect checkout hide more

  • Redirect users to checkout: Enable if you want to skip the cart, and redirect your users directly to the checkout page.
  • Hide “read more” button in shop: Enable to hide the ‘read more’ button on the shop page.

show or hide read more

Calendar options

From YITH > Booking > Settings > “Customizations” you can manage the way you want to show the date picker and calendar in the booking form.

You can select format of the date and the time picker in the calendar view.

Date and time picker format

  • Date picker format
  • Time picker format

There is also an option to add a custom format. When you select your preference, you can see the preview below your selection.


Now we can go back to YITH > Booking > Settings > “Booking forms” to manage the style and layout of the calendar shown to the customers.

show calendar options settings

  • Date range picker layout: Decide to show it in a single line or separate lines.
  • Date range picker columns: Decide to show it in a single column or 2 columns.
examples of layout and columns

show calendar options

  • Calendar style: Decide to show the calendar as a dropdown or inline in the page.

calendar inline or dropdown example

  • In calendar load: How many months are loaded in the calendar, we recommend 3. (You will be able to see the complete year, other months are loaded in AJAX to improve performance).

booking form calendar options

  • Check min/max duration: Enable so the plugin considers the min and max duration to show available dates in the calendar.
  • Update non-available dates on loading (AJAX): Only enable if you use plugins to cache product pages.
  • Disable day if no time is available: Enable to hide days in calendar if no time is available.

Color settings

From YITH > Booking > “Customizations” you can find the color options to set the colors related to forms created by the booking plugin.

Customizations - colors

  • Colors: Choose the colors of all forms created by the YITH Booking plugin.

color examples

As you can see in the example above, the “Primary” color, is the color most used (price, lables, quantity, button, checks, etc.) With the “Primary Light” color, you can select the the color of the active selector in the calendar. The “Primary contrast” color refers to the contrast color of the Primary color selection, white in this case.

Labels options

In YITH > Booking > Settings > “Customizations”  you can find all the labels you can edit.

labels options

  • Add to cart: Choose the text of “Add to cart” label for bookable products.
  • Additional Services: Choose the text of “Additional Services” label for bookable products.
  • Bookable: Choose the text of “Bookable” label for bookable products.
  • Booking Services: Choose the text of “Booking Services” label for bookable products.
  • Check-in: Choose the text of “Check-in” label for bookable products.
  • Check-out: Choose the text of “Check-out” label for bookable products.
  • Dates: Choose the text of “Dates” label for bookable products.
  • Distance (Km): Choose the text of “Distance (Km)” label for bookable products.
  • Duration: Choose the text of “Duration” label for bookable products.
  • End date: Choose the text of “End date” label for bookable products.
  • From: Choose the text of “From” label for bookable products.
  • Included Services: Choose the text of “Included Services” label for bookable products.
  • Location: Choose the text of “Location” label for bookable products.
  • Not-bookable: Choose the text of “Not-bookable” label for bookable products.
  • People: Choose the text of “People” label for bookable products.
  • Read more: Choose the text of “Read more” label for bookable products.
  • Request Confirmation: Choose the text of “Request Confirmation” label for bookable products.
  • Services: Choose the text of “Services” label for bookable products.
  • Start date: Choose the text of “Start date” label for bookable products.
  • Time: Choose the text of “Time” label for bookable products.
  • To: Choose the text of “To” label for bookable products.
  • Total people: Choose the text of “Total people” label for bookable products.

Availability rules

From YITH > Booking > Configuration > “Availability rules”.

Configuration-availability

This section only needs to be used for ‘special rules‘ when you are not using default product rules.

We recommend to use these rules as little as possible, instead use the default rules in the product edit page. You can learn how to do so, here.

We explain the 2 availability rules that you can use, by using examples:

    • Specific date rule
    • Generic date rule

Specific date

Let’s say we want to close the store for the month of August in the summer of 2022. We will set that month as ‘not bookable’, except for Sunday mornings, that time we will accept bookings.

Example for specific date

  • Rule name: Name for internal use only, we call it “Summer holidays 2022″.
  • Rule type – Specific date: We choose this option, because we want to set the dates only for a specific year (not every year).
  • Apply rule: Here we set the time period on which the rules will apply, August 2022 in this case.
  • Availability: All days during this period are not bookable, except for Sunday mornings, so we add an extra rule. We select Sunday and set it to ‘bookable’. Now we add hours, because only during the morning our products are bookable.
  • The lower rule always overrides the upper rule.

Generic date

Let’s say we want to make it impossible to rent our products during certain bank holidays, like during Christmas and some other days.

Example for generic dates

  • Rule name: Name for internal use only, so we call it “Bank holidays”. 
  • Rule type – Generic dates: We choose this option because we want to disable the rent of our booking products each year.
  • Apply rule: Here we set the dates on which the rules will apply, in this case it is the complete Christmas period, and some separate days during the year.
  • Availability: During these days, it is not possible for customers to rent our products, we therefore set All days to ‘not bookable’.
Note: When setting rules for specific hours, this will not affect the daily bookings, these rules will only apply to booking products with time.

Availability rules oversight

From the “Availability rules” overview page, you can see all your created rules, and you have the option to enable or disable them in 1 click.

You can override the rules you created on this page, per product on product level.