How to Set up Google Calendar Sync using WooCommerce Bookings and Appointments?

It’s a real struggle streamlining bookings with your daily work. Marking dates on the calendar, managing your staff, and working late at night to prepare for the next booking. We have all been there. But things start getting out of hand when you get more than 100 bookings per month. It’s difficult to keep up.

What you might need here is an automated calendar system that will keep you updated with the bookings. With the Google Sync feature, no matter where you are, you can navigate through the bookings right up from your phone. The WooCommerce Bookings and Appointments plugin have this feature and, in this article, we will explain it to you about everything you need to know about it. How to set it up, and how to use it, we’ll answer everything. So, tag along as we go through this article.

WooCommerce Bookings and Appointments

Along with a bunch of cool features, the basic capabilities of this plugin is powerful enough to manage events, bookings, reservations and so much more. You can offer bookings based on minutes, hours, days and even months, or restrict the bookings to a certain period as well. So, even if you run a hotel business or organize musical concerts, you should be able to use this plugin no matter what. You can always check out more about the WooCommerce Booking plugin.

And now with this amazing Google Calendar sync feature, you’d embark upon a great new journey. Let’s see how to set it up.

How to set up WooCommerce bookings on your WooCommerce?

First and foremost, you’d have to integrate WooCommerce Bookings and Appointments plugin with your WooCommerce store. Here is an article to help you with that. And once you’re done with it and have completed the setup process, you should be able to see the following section under WooCommerce > Dashboard.

WooCommerce Bookings

Great thing this plugin comes with a booking management system, you can easily manage the bookings right from one place. But coming back to the Google Calendar sync, once you’re inside Bookings > Settings, you should be able to see the following screen.

WooCommerce Bookings

How to integrate your bookings with the Google Calendar?

The process is simple and is, even more, simpler if you are familiar with the Google Calendar API. Proceed with the following steps to integrate WooCommerce Bookings with Google Calendar.

Get Google Calendar Credentials

  • Visit the Google Developers Console
  • Click on Create Project
  • Enter Project Name and click on Create
    New Project
    New Project
  • Creating a Project takes some time and you would require to refresh the window once the project is created successfully. You will see the project listed under Manage Resources, after refreshing
  • Click on the project and search for Google Calendar API in the search bar at the top of the screen, as shown in the image below, and click on it
  • Click on Enable to enable Google Calendar API for your email
  • Click on Create Credentials
  • Select Google Calendar API under Which API are you using?
  • Select Web Server (e.g. Node.js, Tomcat) under Where will you be calling the API from?
  • Select User Data under What data will you be accessing?

  • Click on What Credentials Do I Need?
  • Click on Set Up Consent Screen for Setting Up OAuth
  • Enter the Application Name (for example Test App)
  • Enter the link of your website under Authorized Domains without “https//” (for example, www.pluginhive.com)
  • Click on Save
  • Navigate to the Previous Window where you will have to add credentials to your project
  • Enter your website URL under Authorized JavaScript origins (do not remove the http or https)
  • Enter your website URL under Authorised Redirect URIs while adding /wc-api/phive_booking_google_calendar/ after the URL. For example – https://www.pluginhive.com/wc-api/phive_booking_google_calendar/
  • Click on Refresh
  • Click on Create OAuth Client ID

  • Click on Done and your OAuth 2.0 client IDs will be available to you by clicking on the Name, as shown in the image below

Validate and Integrate with WooCommerce Bookings plugin

After performing the above necessary steps, you can now finally check if everything is working fine. For that, the plugin has a Validate Credential option the checks the entered credentials.

Validate credentials

If everything is fine, the plugin will redirect you to Google allows access page where you have to sign in with your Google account. Then you have to click on the Allow button as shown below:

Permissions

And as soon as you click on Allow button, you would find Bookings plugin settings plugin page that says that the credentials are authenticated. Please refer to the following sample image.

plugin settings

Now, click on Save Changes and that’s it. You have successfully integrated Google Calendar with WooCommerce Bookings and Appointments.

Google Calendar Resync

Once you have successfully integrated with the Google Calendar with WooCommerce Bookings and Appointments plugin, all your future bookings will be automatically synced to your Google Calendar.

But what about all the bookings that are placed before integrating the Google Calendar..?

You can make sure all your bookings are synced properly to the Google Calendar by following the simple steps below:

  • Visit the Bookings tab
  • Select all the Bookings that were placed before integrating to the Google Calendar
  • Under Bulk Action, select Resync Google Calendar and click on Apply
    Resync Google Calendar
    Resync Google Calendar
  • The plugin will display a success message once the bookings are resynced to your Google Calendar, as shown in the image below.
    Resync Google Calendar Successful
    Resync Google Calendar Successful

How to use Google Calendar with WooCommerce Bookings and Appointments?

So, now that you have finally integrated the two, you should know how it works. Let’s take the example of a hotel room booking. We will set a fixed booking period of 2 days. Here is a look at the product from the WooCommerce side.

WooCommerce bookings with google calendar

As you can see, we have enabled the Requires Confirmation option that allows you, the owner, to accept or reject the booking. The Bookings section under WooCommerce > Dashboard allows you to do that. Here is an example where we have booked a hotel room for 2 days(July 18th to 19th).

Order Details

As an admin, you can see the booking details here. And as you can see, we have received the request for a 2 days booking.

total bookings

Note: If you don’t know how to create a bookable product or how to manage bookings then make sure to read the following article.

As soon as the order is placed, the Google Calendar automatically adds the booking date along with the relevant booking information. Have a look at the following image.

Google calendar

Once this booking gets synced, WooCommerce will return booking id which will be updated in the Google Calendar.

Final Thoughts!

There you have it! Your ultimate WooCommerce booking Google Calendar sync solution. Feel free to comment down below how you feel about these solutions. And if you need any sort of help or have any query, you can reach out to our customer support.

You can also check out the review of our plugin by WP Buffs in their article, Most Used WordPress Bookings Plugins(Free+Premium).

Last Updated On April 17, 2019