Notice: If you have an issue with the latest version of Elementor: Please see this article

Okay
  Print

How the WP Booking System works with WooCommerce

That explains how to you add an add to cart button to the booking form.

Here are the steps:

1) Follow this guide to set it up: Add WooCommerce to a booking calendar

2) Once #1 is complete, when someone fills out a booking form an 'Add to cart' button will appear, along with a message you can customize. "to complete your reservation, please add your room to the cart and checkout".

This custom message can be edited, under WP Booking System / Forms / Edit / Translations / 'Thank you Message'.

You can also change the text of the 'Add to cart' button, see here: Change WooCommerce Add to Cart button text.

2) Once they click on 'Add to Cart' button, the view cart button will appear. 

You can also skip this step and have the add to cart button go directly to the checkout page, see here: Skip Cart Go Straight to Checkout Page in WooCommerce

3) Once on the cart or checkout pages, the visitor processes their order as they would any other eCommerce site and their payment is accepted.

WooCommerce will keep a separate order from the Booking System. Once the payment has been completed you will need to manually update your calendar from pending to booked or whatever your setting are that need to be updated.

Currently there is no communication between WooCommerce and WP Booking System after the reservation has been made and the customer starts the checkout process. We've explained in more detail here: https://themovation.ticksy.com/article/7980/

Here are some additional article that may be of help to you: