WooCommerce operates similarly to the Bookly Cart option, with one significant difference: WooCommerce integrates Bookly items into an existing WooCommerce cart. This means that customers will be redirected away from your booking form to WooCommerce checkout page, where they can purchase items from both Bookly and WooCommerce in a single session.
Customers can cancel appointments purchased through WooCommerce just as easily as regular appointments by clicking on the cancellation link in their confirmation email.
Set up integration
1. Install the WooCommerce plugin and activate it in your WordPress dashboard.
2. Create a random product within the WooCommerce plugin. This product will serve as a placeholder and will be automatically replaced with the Bookly service selected by the customer. The product can have a random price and doesn't need to be relevant to your company.
3. Go to Settings > WooCommerce and set WooCommerce to Enabled.
4. On the same page, choose the product created in Step 2 from the Booking Product drop-down menu.
If needed, in Services > Edit service > WooCommerce tab, assign a WooCommerce product for each service separately.
5. Edit Cart item data. Ensure the title is something generic that will work with all of your services. For the description, use basic Bookly codes already available in the form.
These generic title and description entries will appear in the WooCommerce cart. Additionally, Bookly passes address and account fields into WooCommerce if you collect them in your booking form.
The if block can be used for handling conditional cases. When included in your content template, Bookly evaluates the condition and generates the content accordingly. If the condition is met, specific 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. Additionally, 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.
Ensure you have attached a payment for such appointments. 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 function. 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.