Since the version 3.2.0, you have the ability to connect calendars with different users and assign to each service an unlimited number of calendars. Thus, the data on reservations can come in an unlimited number of Google calendars.
Opportunities and limitations of integration with the Google Calendar:
|Send data about appointment/reservation
to Google Calendar
|Automatic update of data in Google Calendar when updating data in Webba Booking||+|
|Automatic update of data in Webba Booking when updating data in Google Calendar||–|
|Automatic deletion of data in Google Calendar when deleting data in webba booking||+|
|Access for employees to authorize calendars||+|
|Considers events added to the Google Calendar by blocking the time slots that cover those events ‘length||+|
Google API setup
Open the Google cloud platform:
If you already have projects, click on the top left, in our example, it is Webba Booking.
A window will open, then click on the +
Give your project a name and click Create
1– Once the project is created, click again in the same place to select your new project, here it’s called 2018.
2 -Scroll down to Getting Started section and click on Enable APIs and get credentials like keys.
Click on ENABLE APIS AND SERVICES
Scroll down and click on Calendar API
Click on ENABLE
Click on Create credentials
Click on Client ID
Click on Configure consent screen
Complete with an application name (i.e. “Webba Calendar”) and click Save. Others fields are optional.
Click on Credentials tab
Click on Create Credentials and Choose OAuth client ID
Select Web application, enter the client name (i.e. Web client 1) and click Create
Copy the client ID and client secret and keep it somewhere (you will need that at the following part Google Calendar setup in Webba Booking)
We have finished with Google API setup at the moment, we will come back to it later to add Authorized redirect URIs to the application.
Google Calendar setup in Webba Booking
Open Webba Booking settings page.
Open the Google Calendar tab, paste the Google API Client ID and Google API Client Secret (that you kept somewhere just previously) and click Save Changes.
Add a new calendar
Open the Google Calendar page
Click Create new
Set the name of the calendar (i.e. “My first calendar”). This name can be arbitrary and used to identify the calendar.
If you need to give an access to this calendar to another (not administrator user) select the user in the “Give access to this calendar to”. Use this option if it’s required to authorize the calendar by the person that doesn’t have administrator role in your WP.
Set the Calendar id
In order to complete this, you need to create a calendar in your Google Calendar page.
Click Create a new calendar and give a name to this last. Then click Create Calendar.
Your Google Calendar should be now displayed in your calendar list.
Hover over the name of your calendar and click on three points to access to its settings.
Copy the Calendar ID and Make it available to the public.
And paste it in the form you opened just before in your dashboard and save.
Manage calendar authorization
Authorization by administrators
Open the Google Calendar page
Click on Manage authorization for the calendar you want to authorize.
Copy this link
Go to your Google Cloud console. Then edit your project.
And paste your link there.
Add in the field just below (replace http.//www.example.com/oauth2callback) the link corresponding to the landing page that you will have created and that must appear in (Dashboard> Webba Booking> Settings> Email notification) at the bottom of the page (Link to the page with Webba Booking shortcode).
And click Save.
Important: Now you need to wait around 5 minutes.
Then you go back to your dashboard and click on Authorize button.
Click on Allow
Authorization by non administrators
Open the Google Calendar page.
Click on Manage authorization for the calendar you want to authorize
Click on Authorize button
Click on Allow
If you have been waiting 5 minutes, you should be redirected to this window.
То remove, you need to click on Manage authorization (see previous part)
Click on Remove authorization
Delete a calendar
To delete a calendar, click on the delete icon
Confirm the deletion by click on Delete button
Edit a calendar
To edit a calendar, click on the edit icon
Set the fields and click Save
Note: You can choose between One-way or Two-way synchronization. One-way will add automatically bookings to your Google Calendar. Two ways mean every time you put something directly on your Google Calendar, the corresponding time slots in your Webba schedule (those that covers the time you defined here) will become unavailable for booking (here no data is imported).
Manage the event wording
Set the summary and description of a Google Calendar event, open the Settings page
Open the Translation tab and scroll down
Set the Google calendar event summary
Available placeholders are the following:
Set the Google calendar event description
Available placeholders are the followings:
Setup a service to send data to Google Calendar
Open the Services page
Open the service for edit
Select the calendar
Save the service.
Congratulations ! You are done with Google Calendar integration.