How to Add Google Calendar Events for Bookings on YouCanBook.me

Step 1: Sign up to Pabbly Connect

Visit the official website of Pabbly Connect & then hit the ‘Sign-Up Free‘ button. Next, on the registration page signup using an existing Google account or manually fill in the form to get into the system.

Try Pabbly Connect for FREE

Step 2: Access Pabbly Connect

After signing up successfully, click the ‘Access Now’ button of the software ‘Connect’ Pabbly application.

Step 3: Workflow for YouCanBook.me with Google Calendar Integration

(a) Start with a New Workflow

Start with creating a workflow to add new YouCanBook.me bookings to Google Calendar as events and to do this strike the ‘Create New Workflow’ button.

(b) Name the Workflow

Now, name the workflow as per your need (for instance: YouCanBook.me to Google Calendar etc) and push the ‘Save’ button.

Step 4: Setting Trigger YouCanBook.me – Google Calendar Integration

To automatically add new YouCanBook.me bookings to Google Calendar as events whenever a booking happens, you need to set-up a trigger on ‘New Booking’ and its respective action to add an event in your Google Calendar.

(a) Select Application you want to integrate

When you hit the save button to create a workflow, a trigger window will open next.

You’ll need to select the ‘YouCanBook.me’ option from the ‘Choose App’ field drop-down options.

(b) Copy the Webhook URL

Check, the method in here to be ‘New Booking’ & copy the ‘Webhook URL’ by clicking the ‘Copy’ button on this page.

Up to this point, we are half-way done with the YouCanBook.me to Google Calendar integration’s trigger. And now, we’ll need to paste this URL on our YouCanBook.me settings to get the trigger working.

Step 5: Connecting YouCanBook.me to Pabbly Connect

To connect your YouCanBook.me account and Pabbly Connect. First, sign-in into your YouCanBook.me account.

(a) Go to Your YouCanBook.me Account

After signing in to your YouCanBook.me account, click the plus button to create a booking page.

Set the booking page status from ‘Offline’ to ‘Online’.

Lastly, hit the ‘Edit’ button to set up the booking page.

(b) Name the Booking Event

Assign a name to your booking page.

(c) Add the Required Additional Form Fields

Now, go to the ‘Booking Form’ option present in the left verticle menu and then add some additional form fields that would be required afterwards.

(d) Go to Booking Page Notification Settings

Click on the notifications option available in the left verticle menu.

Next, select the trigger ‘After new booking made’ and then push the plus ‘+’ button available there.

(e) Click on ‘Webhook’ Button

A small pop-up will open up carrying some buttons, click on the ‘Webhook’ button.

(f) Paste Webhook URL

Now, paste the copied Webhook URL form Pabbly Connect in the ‘URL’ field here. Also, select the HTTP method as ‘POST’.

(g) Add Code for Additional Form Fields

You’ll need to add code for the additional form fields that we’ve added on Step 5 (c).

Lastly, click on the ‘Save changes’ button on this page.

Step 6: Test the Trigger Response in Pabbly Connect Dashboard

As we can see we are done setting up the trigger to send order data when a new booking is made through YouCanBook.me. So now, let’s just test the trigger by making a test booking on YouCanBook.me.

(a) Capture Webhook Response

To test the trigger, first, hit the ‘Capture Webhook Response’ button on the Pabbly Connect trigger window.

(b) Go to the YouCanBook.me Account’s Live Booking Page

Open the YouCanBook.me booking page by hitting the ‘Live Booking Page’ option from the left verticle menu.

(c) Select Date & Time

Next, click select the date and time for booking a slot.

(d) Fill in the Required Form Fields

Feed all the required details to complete the booking and lastly hit the ‘Confirm Booking’ button.

(e) Confirm Booking

After filling in all the required form details, click on the ‘Confirm Booking’ button.

(f) Check Trigger API’s Response

Check the captured trigger response in the Pabbly Connect trigger window. You can see all the data fed while YouCanBook.me booking is in the response.

Step 7: Setting Action for YouCanBook.me – Google Calendar Integration

As we can see the response that we got of the YouCanBook.me trigger contain all the booking data. But, the date/time format is a little different than the format of the Google Calendar.

So, before sending the YouCanBook.me booking data to add an event on Google Calendar properly, we need to match both the date/time format.

(a) Select Application You Want to Integrate

To match the date/time format for both the services, integrate a date/time formatted first.

Click the plus button next to your YouCanBook.me trigger window.

And in the action window that opens next, choose the ‘Date/Time Formatter’ app from the ‘Choose App’ field’s drop-down menu.

(b) Connect with Google Calendar

Select the method in here as ‘Format’ and then click the ‘Connect with Date/Time Formatter’ button.

(c) Map Start Date

Now, map the start date and timezone in the formatted fields with the YouCanBook.me trigger response.

To map value with a field, place your cursor in that particular field and then click the three horizontal lines or menu icon next to it. And click on the response value that you want to map.

(d) Select the Google Calendar Date/Time Format

Pick the ‘YYYY-MM-DDTHH:mm:ssZ’ format from the format field’s drop-down.

Lastly, hit the ‘Save & Send Test Request’ button.

(e) Check the API Response

You can see the formatted startDate and time in the API response.

Similarly, you’ll need to repeat this step (i.e, Step 7 (a) to (e)) for the formatting the ‘endDate’ as well.

(f) Select Application You Want to Integrate

To start adding new YouCanBook.me bookings as events on Google Calendar, click the plus button next to your Date/Time Formatter API window.

Then select the ‘Google Calendar’ app to integrate from the ‘Choose App’ field’s drop-down menu.

(b) Connect with Google Calendar

Next, select the method in here to be ‘Create an Event’ and then click ‘Connect with Google Calendar’ button.

(c) Authorize Google Account

A window will slide in from the right, click on the ‘Connect’ button in this window.

(d) Select the Google Calendar & Map Values

Select the calendar account from the ‘Calendar’ field’s drop-down.

Also, map all the other fields with the trigger response values.

(e) Map the Guest

To map the Guest email first, place the code – {“email”: “”} in the field and map the guest email from the response in the black quotes.

(f) Place Recurrence Rule Save & Send Test Request

Copy the rule from the instruction given below the ‘Event Recurrence Rule’ and paste it in the field text area.

Lastly, click the ‘Save & Send Test Request’ button.

(g) Save & Send Test Request

After mapping all the necessary fields, click on the ‘Save & Send Test Request’ button.

(h) Check the Action API’s Response

You can check the response of your API in the action window.

(i) Check the Event Entry in Google Calendar

Also, you can check the entry of a new done in your connected Google Calendar account.

Step 8: Save the Workflow

(a) Save the Action API’s Response

Save the action API’s response by hitting the ‘Save’ button at the bottom of the action API’s response.

(b) Save the Workflow

As we can see the Webhook is working perfectly. So, simply save the webhook by clicking the save button in the trigger window.