In v5.2.0 of Booking & Appointment Plugin for WooCommerce, we have introduced a new feature that allows you to integrate the plugin with Zoom. This integration will allow the creation of meetings in Zoom for all the bookings & appointments placed on your site.
Zoom is a cloud-based video conferencing service you can use to virtually meet with others. It is the leader in modern enterprise video communications, with an easy, reliable cloud platform for video and audio conferencing, chat, and webinars.
Businesses that need Booking & Appointment with Zoom Integration
Some of the businesses where the Zoom integration can be helpful are Gym & Fitness, Yoga centers, Hospitals, Dental clinics, Nutrition & Wellness clinics, Event & Activity Organizers, Consultants & Professionals such as lawyers, accountants, designers, Online classes for education & coaching all will require bookings & appointments.
The integration of the Booking plugin with Zoom allows users to give their customers a great video conferencing solution. This will also allow them to streamline and automate their sales activity from initial prospect to video call.
Let us see how you can set up the Zoom integration in the Booking plugin.
You can find this feature in Booking -> Settings -> Integrations -> Zoom Meetings as shown below:
First, you need to connect your Zoom account by using the API Key & API Secret. You can obtain this from your Zoom account using the below instructions.
To find your API Key and API Secret do the following:
1. Sign in to your Zoom account.
2. Visit the Zoom App Marketplace.
3. Click on the Develop option in the dropdown on the top-right corner and select Build App.
4. A page with various app types will be displayed. Select JWT as the app type and click on Create.
5. After creating your app, fill out descriptive and contact information.
6. Go to App Credentials tab and look for the API Key and API Secret. Use them in the form below on this page.
7. Once you’ve copied over your API Key and Secret, go to Activation tab and make sure your app is activated.
These instructions are also available in the plugin as shown above.
After you have copied over your API Key and API Secret, go to the Activation tab and make sure your App is activated.
Once you do this, you can save the above settings.
How to enable Zoom Integration at the Product level
You can enable Zoom Integration on your site in two ways. One at the Product level and the second at the Global level.
Let’s first enable this feature at the Product level.
In admin, go to Products -> All Products -> select any product and go to the Edit page of that product.
On the edit page of the product go to Booking Meta Box as shown in the below screenshot. Enable Booking setting and select Booking Type as per your product:
Then go to ‘Integrations’ tab. After clicking on the ‘Integrations’ tab, two options can be seen as shown in the below screenshot. Click on Zoom Meetings and you will see the following settings:
You will have to enable Zoom Meetings setting button & select the Host from the dropdown. Here, the host would be the one who would be in charge of the meeting, i.e, letting participants inside the meeting, sharing their presentation, and so on.
If you only wish to let authenticated users join the Zoom meeting, then you can enable the Meeting Authentication setting.
When you enable Join Before Host setting, then the participants will be able to join the meeting before the host enters the meeting.
If you enable Host Video setting, then the host’s video will start when they enter the meeting.
Similarly, if your wish to start participant’s videos when they join the meeting then you can enable the Participant Video setting.
If you enable Mute Upon Entry setting, then the participants will be muted as soon as they enter the meeting.
The Auto Recording setting will allow you to automatically record your Zoom meeting as soon as it begins. You choose to either store this recording on your Local device or on your Cloud by using the dropdown as shown below:
Under the Alternative Host setting, you can enter the alternative host’s email.
After you’re done making changes, you can click the “Save Changes” button.
Most important, don’t miss out to UPDATE the changes done for the product as shown in the below screenshot.
In this way, you can Enable Zoom Integrations for each and every product in your store.
Now, let’s say that your product also has different resources added to it. As you already know that for this, you will have to go to the Resources tab where you have added your resources:
For our science lesson, we have added two resources who are our Faculty for teaching the lesson. We’ve added our resources by titling them as ‘Teacher: Nathan’ and ‘Teacher: Tanisha’. For each of these resources, we have added their base cost. Also, it is extremely important to enable a Meeting host for these resources. To do this, you can go to each Resource’s edit page by clicking on the icons that are located in the red box located on the right-hand side in the image above. Let’s say that we have selected the resource Teacher: Tanisha. The edit resource page for it would be displayed to you as such:
Go to Resource details > Meeting Host and choose the meeting host you wish to assign to this resource. For example, here we have selected the meeting host Tanisha Mehta. Here, your Meeting Host could even be the Zoom ID of your Zoom Business account. After this, you can click on ‘Update’. Similarly, you can do the same for your other resources. Once you are done, you can click on ‘Save changes’ on your Resources tab & then click on the ‘Update’ to update the changes you’ve made to your product.
How to enable Zoom Integration for all products
The second way to enable Zoom Integrations for all the products on your store in one go is as follows:
In admin, go to Booking -> Settings -> Bulk Booking settings as shown in the below screenshot:
As you can see in the above screenshot, select specific Bookable Products of your store from the dropdown on which you want to assign Zoom Integrations. If you select ‘All Products‘ from the dropdown, then Zoom Integrations will be enabled to each and every product on your store whether they are Bookable Products or not.
Next, you need to ‘Enable Booking’ button, and then select the Booking Type of your product. We have selected the ‘Date & Time’ option for the Science Classes product with ‘Duration Based Time’. You can also select ‘Fixed Time’ option depending upon your product.
Zoom Integrations is more helpful for bookable products having ‘Duration Based Time’ or ‘Fixed Time’.
Once you are done with all other settings, go to the ‘Integrations’ tab as shown in the below screenshot.
Select the ‘Zoom Meetings’ and you will find the same settings for Zoom Meetings as ones that were at the Prdocut level. You can ‘Enable Zoom Meetings’ button, select Host and configure all the other settings. Once done, you can click the ‘Save Settings’ button.
When you have saved all settings on global level, then ‘Enable Zoom Meetings‘ button will be enabled automatically for all Bookable Products or for selected Products on Product level only if the ‘Enable Booking’ button on the product edit page is enabled. Otherwise, the Products whose Enable Booking is disabled on the Product Edit Page will not be assigned Zoom Integrations.
Create Zoom Meeting link for past orders with future booking dates
When you have updated to v5.2.0 of Booking & Appointment Plugin, and if you have received future orders say for the next six months on your store, then you can assign Zoom Meetings link to all those orders manually.
Assuming that ‘Zoom Meetings’ tab on product level for product Science Classes is disabled and you have received three orders. Then Zoom Meetings icon will not be displayed on View Bookings page as shown in the below screenshot. “Join Meeting” link also will not be received in email to Admin as well as Customer.
Science classes bookings screenshot with zoom disabled
Steps to be followed to assign Zoom Meetings link manually:
Step 1: Go to ‘Science Classes’ products Edit page, Booking meta box, Integrations tab, click Zoom Meetings, Enable Zoom Meetings button, select Host, and then select Save Changes button.
Science classes bookings screenshot with Zoom Meetings tab enabled
Step 2: Also, Update all these changes as shown in the below screenshot.
Step 3: Now go to Bookings -> Settings -> Integrations -> Zoom meetings and then click “Assign Meeting to Bookings” button as shown in the below screenshot.
Step 4: After clicking on that button, “Settings saved” message and “Zoom meeting links are getting generated and assigned in the background for future bookings. This process may take a little while, so please be patient.” message will be shown on screen as shown in below screenshot. The “Assign Meeting to Bookings” button will be hidden until the meeting links have been generated. This process will happen in the background while you can continue with your admin operations & navigation.
Step 5: Once the Zoom meeting links for past orders have been generated, you will get a message “Zoom meeting links have been generated and assigned to future bookings“. It’s shown in the below screenshot in point 6. This means that all your orders with future booking dates (which were placed before Zoom integration was enabled for this product) will now have a meeting created for each order for that product.
Step 6: Now if you go to Booking -> View Bookings page, all the past orders will have the Zoom Meeting created.
Following the above steps and procedure, Admin can manually create Zoom Meeting links to all the past orders having future booking dates.
How to notify Customers for manually created Zoom Meetings link
You can go to WooCommerce -> Orders -> Edit orders page as shown in the below screenshot.
Right-click on the “Join Meeting” link, and click on the Copy link address and paste that copied link in Add Note box. Select “Note to Customer” and then click on the “ADD” button. An email will be sent to customer with the Zoom Meeting link in it.
An email will be sent to the customer with the Zoom Meetings link in it as shown in the below screenshot.
Let’s see where and how the admin and the customer can find this feature on the frontend. Whenever an order is placed, the Customer and Admin will receive an email with all the order details. In that email, you can see the Zoom Meetings link as shown in the below screenshot. Customers will receive the Zoom Meeting link in the email as shown in the below screenshot.
Admin will also receive Zoom Meeting link in email as shown in the below screenshot.
In the above screenshots, in the product details block, the Join Meeting link can be seen.
As for when you have added resources to your products, the Order Page & the email will include the name of the resource as well as the Zoom Meeting link. Here’s how the Order Received Page will appear:
Here’s how the customer will receive the email:
Important note: For those of you who have their bookings & appointments linked with Google Calendar, you can view your Zoom meeting details over there too. For this, you will have to go to Bookings > Integrations > Google Calendar Sync > Event Description like this:
Here, you can add the shortcode “ZOOM_MEETING” to show Zoom Meeting information in Google Event Description as such:
After saving these settings, you can go to your Google Calendar and view one of your bookings. It will appear like this:
Zoom meeting details on the Google Calendar