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:
Give your project a name and click Create
Once the project is created, scroll down to Getting Started section and click on Enable APIs and get credentials like keys.
Click on ENABLE APIS AND SERVICES
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.
Reload your Google Calendar page to make this last visible in your calendar list.
Click on your calendar to access to this settings.
Copy the Calendar ID.
And paste it in your 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 on 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 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
To 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.