View Product Page


The two plugins are fully compatible, but how to combine them? Let’s see what you can do.

You can use the basic “Add to cart” widget provided with Elementor also for bookable products, and so stylize the product page with Elementor.

To use it the right way, make sure you set the option you will have to set the “Booking Form Position” to “Default” from YITH > Booking > Settings > Booking Forms.

booking form position default elementor

Then, use Elementor Product Add to Cart widget to place the booking selection form wherever you want on the product page.

elementor example booking


YITH Booking includes 2 Gutenberg blocks.

Bookable products

The ‘Bookable product’ widget adapts itself to the theme that you use.

Gutenberg bookging blocks

You can manage the selection of product shown by type:

  • Newest
  • Hand picked products
  • Product categories
  • Top rated

You can also decide the number of columns and rows you want to show in the block.

Booking form

With the ‘Booking form’ block, you will be able to print a form for one specific product, so it can be displayed on any page on your site (not just the product page) from where the customer can select the dates and add the product to the cart in few clicks.

Booking form

Search for “Booking form” among the Gutenberg blocks.

Then, you will be able to select a product (you can type the product name) from the Block settings on the right hand side.

The block includes also the following options:

  • Show title: show the product name
  • Title heading tag: you can select the style of the title
  • Show rating: this shows the product rating
  • Show meta: enable to show the meta section, containing SKU, categories and tags.
  • Use full-width button: enable it if you want that the booking Add to cart button uses the full width of the block.


YITH WooCommerce Badge Management

By using YITH WooCommerce Badge Management, you can create and apply custom badges to the products in your shop. There are three types of badges available: text, CSS, or images.

The two plugins can be perfectly integrated allowing you to apply custom badges also to “Bookable” products.

After installing and activating both plugins, you need to create your own badges from the related section.


To assign badges to your products, please refer to this page

Below, you can see a sample of the badges you can apply to your bookable products.


YITH WooCommerce Catalog Mode

With the use of YITH WooCommerce Catalog Mode, you can show or hide the price and/or “Add to cart” button for one or more products of your shop. If hidden, you can provide a form through which users can send possible requests.

The use of this plugin in combination with YITH WooCommerce Booking and Appointment allows taking advantage of its features also on all the “Bookable” products and hiding the price or the “Add to cart” button on the bookable products you want.

You need to install, activate both plugins and enable YITH Catalog Mode features from its settings.






YITH WooCommerce Customize My Account Page

YITH WooCommerce Customize My Account Page helps you customize your “My Account” page in a few simple steps, adding new sections and editing the default WooCommerce ones. By activating both plugins, a new endpoint will be added to the ‘endpoints’ section automatically.

booking endpoint

The customer (after making a reservation) will see the following on his my account page:

booking my account

To see how to set up our YITH Customize My Account Page plugin, check out the settings here.

YITH WooCommerce Deposits and Down Payments

YITH WooCommerce Deposits and Down Payments is a plugin designed to offer users the opportunity to leave a deposit for a specific order, which they will then finish paying at a later time.

This integration allows enabling the deposit service also on all the “bookable” products of your shop.

The “YITH Deposit and Down Payments” section becomes available after activating the plugin. You can find this section in YITH > Booking > Settings > “Cart & Orders”.

booking deposit integration options

  • Set booking as paid for deposit orders: 
    • When the deposit order is paid: Set to ‘paid’ when deposit is paid.
    • When the balance order is paid: Set to ‘paid’ when the complete order is paid.

Now you can start configuring both plugins. You can configure the deposit settings as described here.  And from the bookable product edit page you can now manage the deposit settings for that specific product.


Below, a sample of the order details shown to customers.


Important: it’s not possible to add a deposit to bookings with “confirmation request” enabled.


YITH Desktop Notifications

YITH Desktop Notifications for WooCommerce enables notifications on the desktop every time an action related to the shop is recorded on the site. The notifications can be enabled for the following actions:
  • each purchase made
  • each purchase linked to a specific product
  • a refunded order
  • an order status change
  • a product status turns into “Out of stock”

Using both plugins, two additional notifications will be added to the already existing list of notifications:

  • A new booking is placed, a ‘bookable’ product type has been ordered.
  • A new request booking is placed, the admin has received a confirmation request.

Booking + notifications

You will only have to activate both plugins, and the options will appear in the ‘notifications’ menu.

For more information on how to set up the Desktop Notifications plugin, take a look at the full documentation here.

YITH WooCommerce Email Templates

Thanks to the integration with YITH WooCommerce Email Templates, you are also free to customize every single email sent. You only need to install and activate both plugins and you will have the possibility to stylize the following emails:

  • Booking status
  • New booking (admin)
  • New booking
  • Confirmed booking
  • Rejected booking
  • Cancelled booking
  • Paid booking
  • Completed booking
  • Customer booking note


YITH Multi Currency Switcher

With YITH Multi Currency Switcher for WooCommerce you can enable a multi-currency system in your shop and let your users see and pay for products in their own local currency.

The integration with YITH Multi Currency Switcher allows your user to see the price of a bookable product in their own currency without any issue: the plugin will automatically convert the amount in the default currency.

Note: You cannot set fixed prices for each currency, for Bookable products, since for bookable products, the “exchage” calculation is made through “exchange rates” on the contrary, you can do it with simple/variable products.

currency switcher + booking integration

Do you want to know how to set up your YITH Multi Currency Switcher plugin correctly, please refer to the documentation here.

YITH WooCommerce Multi Vendor

YITH WooCommerce Multi Vendor allows you to turn your store into a multistore where vendors manage their product and earn a commission on every sale.

By using the plugin in combination with YITH Booking for WooCommerce, vendors can create and sell bookable products in their shop and manage their own bookings.

Specifically, vendors can:

  • create and manage their own bookable products
  • create Booking Services that can be associated to his/her bookable products only
  • see a calendar with their own bookings only
  • see a list with their own bookings only
  • edit their own bookings (for example, edit the dates, change the status etc.)
  • add notes inside any of their own bookings (the notes can either be private or visible to the customer as well)
  • use the People types created by the admin (globally)

To enable all these features, after activating both plugins, go to YITH > Booking > Integrations and enable the integration with Multi Vendor.

booking-multivendorNow, each vendor can create and sell bookable products.

Each vendor can have access only to the bookings registered for his/her product.

The vendors can create and manage services and people differently from the super admin.

Bookings page

Every vendor will be able to check all his/her bookings from Booking > All bookings, this is how it will appear:

Vendor bookings

Edit booking details:

Booking details

Notes on the booking:

Vendor Calendar

Every vendor will be able to see all his/her bookings in a calendar as well, available in Booking > Calendar. This is how it looks like:

Vendor calendar


The vendors can’t view nor use the services created by the super admin.

The vendors can apply the services they have created to their own products only.  


Different vendors can create a service with the same name.

The super admin has access to the complete list of all services created in the shop.  For each service, the name of the vendor who has created it will be highlighted.



The vendors can’t create new people types for their bookable products. They can use only those made available by the super admin in the product settings.