View Product Page

Create people options globally

To start using “People” options in your bookable products, you have to enable the People module from YITH > Booking > Modules.

People module

Now, from YITH > Booking > Configuration > “People”  you can create new person types.

Person types creation

You will only have to add the name of the person type and the description (if needed), and you are done. These texts are not visible to customers.

For more information on how to use these person types in your bookings, go to this page here.

Booking services

To start using “Services” option in your bookable products, you have to enable the Services module from YITH > Booking > Modules.

Services module

Now, from YITH > Booking > Configuration > Services, you can create and manage your services. Services can be added to each booking optionally or not, increasing (or not) the total cost.

Services creation

On the left-hand side you can start creating your new service, on the right-hand side you see the services already created.

Add a new service

Add new service
  • Name: the service name, this is visible on your site
  • Slug: URL of the service.
  • Parent booking service: Select a parent term to create a hierarchy.
  • Description: Shown or not, based on the Booking settings you have set up.
  • Price: The price of the service.Set service price
  • Set as optional: Select to decide if the customer can choose to add the service, if this option is disabled, the service is automatically included in the booking.
  • Hide to customers: If this option is active, the service will be hidden from the customers’ view.
  • Hide in booking search form: Possibility to hide services in Search Forms only.
  • Multiply costs by units selected: If this option is active, the cost of the service is multiplied times the duration unit specified in the booking.
  • Multiply costs by people: If this option is active, the cost of the service is multiplied by the number of people. If you enabled people management, and added several types of people, you will be able to set the service price for each one of them (these prices override the service price).
  • Show quantity selector: If you want to allow a quantity selection for this service, you can set the min and max quantity. Leave max quantity empty for unlimited.

How to add a service to the “Booking product”

Open your booking product from “Products” and go to the “Booking Services” section. , find and select the service you wish to add, from the list of existing ones.

Add services to bookable products

You can either select the services you want one by one or use the button “select all” or “deselect all”.

All of the selected services (unless they are marked as “hidden”) are visible on the product page.

Booking services example

In this example, we have selected 1x the ‘Gift on arrival’ service for 2 adults and 1 child.

How to show the services in the booking form

From YITH > Booking > Settings > “Booking form” you can manage the way you want to show your services in the booking form.

Show services on booking form
  • Info to show before “Book” button: (Find an example here)
    • Prices for services
    • Descriptions for services
    • Included services
    • Totals

By not selecting the option “included services”, you can use the [booking_services type=included] shortcode, and show the included services anywhere on the page. e.g. in the product description.

Shortcode

To print booking services in the product page you can use the shortcode [booking_services]

The attributes are:

  • type: the type of the services to be shown. The allowed values are:
    • all (this is the default)
    • included
    • additional
  • show_title: if set to “yes”, it shows the title for the sections “additional services” and “included services” (if nothing added, it defaults to “yes”)
  • show_prices: if set to “yes”, it shows the prices for each service. (if nothing added, it defaults to “no”)
  • show_descriptions: if set to “yes”, it shows the description for each service. (if nothing added, it defaults to “yes”)
Example of ‘Info to show’ with all options selected
services options to show
Example of the service info layout
show services info inline or tooltip 

Resources

To start using “Resources” in your bookable products, you have to enable the Resources module from YITH > Booking > Modules.

Resources module

Now, from YITH > Booking > Configuration > Resources you can create and edit your booking resources.

Create and edit resources

What is a resource and how can it be used?

A resource is basically anything you can think of that you may need to share among multiple bookable products or something that you want your users to select on the product.
Each resource may have its own availability settings.

Resources are for example staff members that can perform the same service across multiple bookable products, like a hairstylist working in a salon who can work on a haircut and blow-dry, which are though managed as separate products.

A resource can also be a boat that is shared for two kinds of boat tours, one for half a day and one for a full day.

In the case of a composite product, a resource should always be the smallest unit.

Example: you have a house with 3 rooms of the same kind and you offer the option to either rent the full house or single rooms.

You’ll have two bookable products:

  • Single room
  • Entire house

The room will be the resource with availability value = 3. This resource will be shared among both bookable products, so, if someone books the full house, none of the 3 rooms will be available for the same dates.

Let’s see which options are available to set up your resources:

Resource settings

Here you can add:

  • Resource name: the name as it appears on the product page.
  • Image: an image to help users identify what the resource is about.
  • Available quantity: enter here this resource’s maximum quantity. Set 0 (zero) for unlimited. E.g. in the example of the room above, we should have set this to 3, because the house has 3 rooms of the same type.
  • Set default availability and Additional availability rules: here you can set the availability days and times of this resource, with multiple rows and hours, and also add additional availability rules for specific dates. Availability settings are similar to product availability, so for more details about how to use them, we invite you to refer to this page.

IMPORTANT: resource availability will be merged with the availability of the product where the resource is used, so when the resource is selected, the product availability will be automatically updated to make sure only dates and slots are shown where that resource is available.

For example, 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 hairstylists’ availability in an advanced way. 

Resource options
  • Create a resource for each hairstylist. So, for example, let’s create the resource “Julia”. Add a photo to identify her.
  • Set 1 as the available quantity.
  • Set Julia’s availability, according to her work shifts. So, let’s say you set her availability to “All days” from 10 am to 3 pm, and then on Sundays and Mondays she is not available, so you set those days as “Not bookable”.

Now, you can add these resources to your bookable products. Please, refer to this page for more details about this step.

For more examples of resource configuration, please, refer to this page.

How to see the resource calendar

From this page, you can also open the resource calendar with one click, by clicking on the calendar icon.

Resource calendar

This will take you to the Calendar page with the resource filter already selected.

Filter by resource

How to add global costs

To start using “Costs” options in your bookable products, you have to enable the Extra costs and discounts module from YITH > Booking > Modules.

Extra costs and discounts module

From YITH > Booking > Configuration > “Costs” you can create and manage the titles of global costs you want to add to your booking products.

Add extra costs

You will only have to add the name of the cost and the description (if needed), and you are done. The title is visible for customers if you enable the ‘Totals’ (you’ll see the costs in totals, with their titles). The description will not be shown anywhere.

This is a nice tool to use for global costs, like a certain tax or cleaning fee. This way, when you add the costs to the booking products they all appear in the same way.

For example, you want to add costs for the end-cleaning to all rooms. Using this option you can see the same title on all products: “Cleaning fee”. Instead of seeing “cleaning fee” for room A and “cleaning costs” for room B.

Note: You cannot set prices from this tab, this is just a way of creating labels for costs. You can set prices for costs on the product edit page.

Create a new search form

To start using Search forms, you have to enable the dedicated module from YITH > Booking > Modules.

Search forms module

Now, from YITH > Booking > Configuration > “Search Forms” you can create and manage your search forms.

Showing a search form helps users quickly find the stay (or any other bookable product) that best meets their needs. The plugin allows you to create endless search forms which you can later add in a widget or insert as a shortcode.

Search forms

When we click on “+ add search form” a new page opens with a list of search fields that are available by default. Search fields can be enabled/disabled by simply using the toggle.

Search, location, categories and tags fields

Create new search form

  • Search: Enable a default search field and give it a name.
  • Location: Add the default distance and decide to show/hide it.
  • Categories: Search on categories (you can set the categories as explained on this page here).
  • Tags: Search on tags (only visible if you have created tags).

Dates

Search form - Date fields

  • Show 2 different date pickers: Two different lines to select the start and end date (calendars are shown in a dropdown).
  • Show date range picker selector: One line to select the start and end date (calendar is show in a dropdown).
Search from - date range
Date range picker selector
Search form - Date fields
Different date field

PeopleSearch form - People

  • People field: To insert the number of guests (person type does not matter).
  • People type field: To insert the number of guests by person type (previously created as explained here).
  • People selector field: To select the number of guests by person type (previously created as explained here).

Services

Search form - Services

  • Show services as checkboxes: Show the services you provide with an option to select them.
  • Show service selector: Show the services you provide in a dropdown, with the option to select them. (Recommended when you have a long list of services).

Note: when using the horizontal layout, the services are forced to show as “selector”.

Search form options

In the section below you can set up some additional options for the search form.

Search form options

  • Layout: You can either choose a vertical or horizontal layout of the form.
  • Show results in: Results are shown either in a popup or on the shop page.

horizontal vs vertical view

You can also customize the following layout and colors:

Search form colors

  • Colors: These define the colors of the search form block.
  • Search button colors: the colors of the ‘search’ button.
  • Search button border radius: You can change the radius of the button, for example, if you are using squared or rounded buttons on your site.

Add a search form using a shortcode

If you go to YITH > Booking > Configuration > “Search forms” you can directly copy the shortcode related to the search form that you want to show on your page. For example: [booking_search_form id=1]

Search form shortcodes

If you want to set the search form only for bookable products of a specific category, you have to use the attribute cat=current in the shortcode. For example: [booking_search_form id=1 cat=current]

In this case, please, keep in mind that you would have to add the shortcode in the respective category page.

You can insert the shortcode of your choice in the Gutenberg blocks, on the page you want, wherever you want.

Insert shortcode into block

The frontend will show the form as you have set it up in the search form settings.

example frontend search form shortcode

Within the form-creation page, you are able to manage the colors of the form.

Add a search form in a widget

Any of the search forms created can be added to your theme sidebar or topbar sidebar, using the “Booking search form” widget.

Search form widget

Search form widget

For this example, we have created 2 different search forms, one to be used vertically and one to be used horizontally.

Example of horizontal search form

horizontal search form example

Example of vertical search form

vertical search form example

 

Search form categories

If you enable the “Categories” field in the search form, you can give your users the possibility to filter search results based on the selected category.

From YITH > Booking > Settings > you can set which categories to show in search forms:

Booking categories
  • All product categories: Useful if you do not sell non-booking products.
  • Choose specific product categories: Useful if you also sell non-booking products. Eg. you do not want to show the clothing category in the booking search form.

Tools

From YITH > Booking > “Tools”  you can find synchronization and debug settings.

Tools
  • Debug:  You can let the plugin add some booking-related debug logs that will be visible from the YITH > Booking > “Logs” tab.
  • Booking cache: You can store booking data in the cache to speed up the site.

Important: we suggest keeping the “Booking cache” option enabled; disable it only for testing purposes.
(Please note: you can disable this option only for 24 hours; it will be activated automatically 24 hours after disabling it).

  • Sync prices: Booking will store a pre-calculated price in bookable products to allow the correct “sorting by price”. So, just in case, the price sorting (on frontend) is not correct, you could re-calculate prices.
    (In general, you will not need to use this button, it’s only if you have that particular issue for some reason).
  • Booking look-up tables: The number of bookings on your site increases day by day. So to speed up the plugin performance, the plugin uses special “look-up tables” to store the most important information related to bookings, to fastly search for availability, for example. This button can be used to re-generate those look-up tables from your bookings. (In general, you don’t need to use this button, it’s only useful if you have some issues; in that case, we would suggest contacting our Support Team instead).

These are tools added to be managed by developers, it is preferable not to use them if you do not need to.

Logs

From YITH > Booking > Tools > “Logs” you are able to see all logged information. Some logs are mandatory.

Logs

Some logs (like Google Maps ERRORS) are mandatory.