🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆Set-Up🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆
We have detailed video tutorials for each of the actions/elements we have in this plugin. Watch them to understand and use it at ease.

🟆🟆 You must set up your Google Cloud account and create a Google Cloud Project before you can use this plugin. Takes less than 5 mins if you follow the instructions. It is a one time process which is necessary to get your client-id and client-secret. 🟆🟆

✔ Go to https://console.cloud.google.com/
✔ Log in to your Google account.
✔ Create a new project.
✔ Enable Google Calendar.
✔ Create credentials for the API along with redirect URI.
✔ Note down the Client-ID and Client-secret.

➸ Step (1 to 6) is explained in detail:
➸ Watch Youtube video here: https://www.youtube.com/watch?v=k1Y-jR1bpOI


🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆Installing the Plugin🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆


✔ Log in to your Bubble account
✔ Go to Plugins
✔ Search for “Google Calendar by Ritz7”
✔ Install the plugin


🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆Using the Plugin🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆


🟆🟆 Note: In all the actions, we have a field named "Authorization". This field should be in the following format: Bearer <Access-Token>. Access Token will be valid for 60 mins from the time it is generated and you can regenerate it using the Refresh Token. And this step is explained in detail here: https://www.youtube.com/watch?v=AsyYBqPsJpA🟆🟆

✔ Drag and drop the element "Google-Cal".

✔ Add an action called "Google Calendar - Get_G-Calendar_Code" which requires you can add Client-ID and redirect URI. This will return an URL that needs to be opened.  

Note: The redirect URI should match exactly as you have set while configuring in Google Cloud.

✔ Add Next step: You will have to open the URL you get from the previous step.

Note: This will ask your permission for your app to use your Google Account. Once you permit, the element will automatically fetch the code from the URL.

✔ Generate Auth Token via code: Call an Action "Get Token via Code". This will require you to pass the client-ID, client-secret, code (you will get it from the element 'Google-Cal' and the param is named as 'G-Cal-Code') and redirect URI (this should match the one added in the Google Cloud Project)

Note: You will also get Refresh Token along with Access token from step-4. You use Refresh Token to get the Access Token once the old Access Token expires.  

✔ Use "Get Token via Refresh" action to get the Access token from Refresh Token. This requires you to provide client-ID, client-secret and refresh token.


🟆🟆 Actions 🟆🟆

➽ Get Calendar List

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code".

✔ Outputs:
 ➻ List of calendars with their info

➸ Watch the video for the above action here: https://www.youtube.com/watch?v=fxZY3oayW-Y


➽ Get Calendar Details by Id

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code".
 ➻ Calendar ID: ID of a calendar which you can get from action "Get Calendar List".

✔ Outputs:
 ➻ Calendar with its details such as id, summary, description etc.

➸ Watch the video for the above action here: https://www.youtube.com/watch?v=fxZY3oayW-Y


➽ Create Calendar

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code"
 ➻ Summary: It is the title/summary of the calendar.

✔ Outputs:
 ➻ Calendar with its details such as id, summary, description etc.

➸ Watch the video for the above action here: https://www.youtube.com/watch?v=V2o08H8dooY


➽ Update/Patch Calendar

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code".
 ➻ Calendar ID: ID of a calendar which you can get from action "Get Calendar List".
 ➻ Summary: It is the title/summary of the calendar.
 ➻ Description: Description of the calendar.
 ➻ Location: Geographic location of the calendar as free-form text.
 ➻ Timezone: Timezone of the event, can be local timezone or any other timezones. Can be set in the element "G-Cal". For eg: Asia/Kolkata

✔ Outputs:
 ➻ Calendar with its details such as id, summary, description etc.

➸ Watch the video for the above action here: https://www.youtube.com/watch?v=V2o08H8dooY


➽ Delete Calendar

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code"
 ➻ Calendar ID: ID of a calendar which you can get from action "Get Calendar List".

✔ Empty Output.

➸ Watch the video for the above action here: https://www.youtube.com/watch?v=fxZY3oayW-Y


➽ List all events

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code"
 ➻ Calendar ID: ID of a calendar which you can get from action "Get Calendar List".

✔ Outputs:
 ➻ Calendar with its details such as id, summary, description and list of events with its details.

➸ Watch the video for the action here: https://www.youtube.com/watch?v=GIs63-dYXZg


➽ Get an Event by ID

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code"
 ➻ Calendar ID: ID of a calendar which you can get from action "Get Calendar List".
 ➻ Event ID: ID of an event which you can get from action "List all events".

✔ Outputs:
 ➻ Event details such as summary, description, start-date, end-date, attendees etc.

➸ Watch the video for the action here: https://www.youtube.com/watch?v=GIs63-dYXZg


➽ Get Busy Slots

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code"
 ➻ Minimum Time: It is the start of the interval. Ex - 2023-02-20T08:00:00Z.
 ➻ Maximum Time: It is the end of the interval. Ex - 2023-02-20T08:00:00Z.
 ➻ Timezone: Time zone used in the response. Ex - Asia/Kolkata
 ➻ Email IDs: Email IDs from which you need busy slots. Ex - [email protected],[email protected]

✔ Outputs:
 ➻ Calendar with its details such as id, summary, description etc.

➸ Watch the video for the action here: https://www.youtube.com/watch?v=AmCsEeuDavY


➽ Create an event

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code"
 ➻ Summary: Summary of an event.
 ➻ Description: Description of the event. Please also add the meeting link from other platforms like Zoom or so.
 ➻ Start Date: Start date of the event: Eg: 2023-05-05T10:00:00.000-07:00
 ➻ End Date: End date of the event. Eg: 2023-05-05T10:25:00.000-07:00
 ➻ Timezone: Timezone of the event, can be local timezone or any other timezones. Can be set in the element "G-Cal". For eg: Asia/Kolkata.
 ➻ Attendees: Email address of the attendees that will be joining the meeting. Ex - [email protected],[email protected]

✔ Outputs:
 ➻ Response of the API which is a raw text.
 ➻ ID of the event received as response after updating/patching it.

➸ Watch the video for the action above here: https://www.youtube.com/watch?v=1--Lc6N3z20


➽ Create an event with google meet

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code"
 ➻ Summary: Summary of an event.
 ➻ Description: Description of the event. Please also add the meeting link from other platforms like Zoom or so.
 ➻ Start Date: Start date of the event: Eg: 2023-05-05T10:00:00.000-07:00
 ➻ End Date: End date of the event. Eg: 2023-05-05T10:25:00.000-07:00
 ➻ Timezone: Timezone of the event, can be local timezone or any other timezones. Can be set in the element "G-Cal". For eg: Asia/Kolkata.
 ➻ Attendees: Email address of the attendees that will be joining the meeting. Ex - [email protected],[email protected]

✔ Outputs:
 ➻ Response of the API which is a raw text.
 ➻ ID of the event received as response after updating/patching it.

➸ Watch the video for the action above here: https://www.youtube.com/watch?v=1--Lc6N3z20


➽ Update/Patch an event

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code".
 ➻ Event ID: ID of an event which you can get from action "List all events".
 ➻ Summary: Summary of an event.
 ➻ Description: Description of the event. Please also add the meeting link from other platforms like Zoom or so.
 ➻ Start Date: Start date of the event: Eg: 2023-05-05T10:00:00.000-07:00.
 ➻ End Date: End date of the event. Eg: 2023-05-05T10:25:00.000-07:00.
 ➻ Timezone: Timezone of the event, can be local timezone or any other timezones. Can be set in the element "G-Cal". For eg: Asia/Kolkata.
 ➻ Attendees: Email address of the attendees that will be joining the meeting. Ex - [email protected],[email protected]

✔ Outputs:
 ➻ Response of the API which is raw text.
 ➻ Event ID: ID of the event received as response after updating/patching it.

➸ Watch the video for the action above here: https://www.youtube.com/watch?v=PKUkTUvxXRU


➽ Delete Event

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code"
 ➻ Event ID: ID of an event which you can get from action "List all events".

✔ Empty Output

➸ Watch the video for the above action here: https://www.youtube.com/watch?v=hjw7dweox6c


➽ Quick Add Event

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code".
 ➻ Calendar ID: ID of a calendar which you can get from action "Get Calendar List".
 ➻ Text: It is the text describing the event to be created..

✔ Outputs:
 ➻ Calendar info with details such as summary, description etc.

➸ Watch the video for the above action here: https://www.youtube.com/watch?v=ZkHjEGNk5I4


➽ Import an event

✔ Inputs:
 ➻ Access token: Token is generated from an action "Get Access Token via Code".
 ➻ Calendar ID: ID of a calendar where you want to import the event.
 ➻ Start Date-Time: Start date-time of the event. Eg: 2023-05-05T10:25:00.000-07:00.
 ➻ End Date-Time: End date-time of the event. Eg: 2023-05-05T10:25:00.000-07:00
 ➻ Timezone: Timezone of the event, can be local timezone or any other timezones. Can be set in the element "G-Cal". For eg: Asia/Kolkata.
 ➻ iCalUID: You can find this "iCalUID" property from the event resources you want to import to another calendar.

✔ Outputs:
 ➻ Response containing details of the imported event

➸ Watch the video for the above action here: https://www.youtube.com/watch?v=ZkHjEGNk5I4


🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆🟆

We have tried documenting the entire process to use the “Google Calendar by Ritz7” plugin to the best possible manner. But in case anything isn't clear, please share your feedback and we will try and improve it.