WooCommerce checkout works in a similar way as the Bookly Cart option, with one big difference: WooCommerce will be adding the Bookly items to an already existing WooCommerce cart, which means that your customers will be re-directed away from your site to WooCommerce, and they will be able to purchase items from Bookly and from WooCommerce in one session.
Customers will be able to cancel their appointments purchased through WooCommerce just as easily as they do with usual appointments – by clicking on the link in their confirmation email.
Set up integration
1. Install the WooCommerce plugin and activate it.
2. Create a random product within the WooCommerce plugin:
Bookly+WooCommerce integration works by replacing that WooCommerce product with the Bookly service that has been selected by the customer. That's why you'll need to create a random product with a random price in your WooCommerce plugin. It doesn't have to be relevant to your company – your customers will never even see it because it will be automatically replaced in the cart with the item they’ve selected from your services.
3. In Settings > WooCommerce, set WooCommerce to Enabled.
4. On that same page, select the product that you created in Step 1 from the Booking Product drop-down menu.
You can assign a WooCommerce product for each service separately in Services > Edit service > WooCommerce tab.
5. Edit Cart item data title (should be something generic that will work with all of your services) and data (basic Bookly tags are already there in the form).
These generic title and description are what will appear in the WooCommerce cart. Besides cart item data, Bookly passes address and account fields into WooCommerce if you collect them in your booking form.
The if block can be used for conditional cases. If it is included in your content template, Bookly will check the condition and generate the content accordingly. If the condition is met, a particular text will be inserted and displayed in the WooCommerce cart.
Example:
{#if location_info} Location: {location_name}{/if}
{#if service_info} Service description: {service_info}{/if}
{#if staff_info} Provider's info: {staff_info}{/if}
6. If the price of your service is zero (0), an order won't be created in WooCommerce unless you enable this option in Settings > WooCommerce > Create a WooCommerce order if the cost of the service is zero.
7. Also, WooCommerce orders can be created for every new appointment added via the Bookly admin panel. Enable this option in Settings > WooCommerce > Create a WooCommerce order from backend, and set a Default status for such orders.
Make sure you attached a payment for such appointment. Otherwise, a WooCommerce order will not be created.
Once you have enabled the WooCommerce option in Bookly PRO, the built-in payment methods will no longer work. All your customers will be redirected to the WooCommerce cart instead of the standard payment step.
DEMOVIDEO TUTORIALSMAIN BOOKLY SETTINGSFAQADD-ONS
RELATED
[BOOKLY BLOG] How to accept payments with WooCommerce
Deposit Payments (Add-on) – divide payment into two instalments.
GOOD TO KNOW
Coupons (Add-on) – a deduction in absolute numbers or a percentage of appointment's price.