Bubble Zoom Plugin Workflow
Paresh Kalekar
33 steps
6 minutes
Bubble
Bubbleapps
Stripe
1
Navigate to [https://bubble.io/page?type=page&name=zoom_api&id=ritz7-plugins&test_plugin=1674624409461x753868739873079300_current&tab=tabs-1](https://bubble.io/page?type=page&name=zoom_api&id=ritz7-plugins&test_plugin=1674624409461x753868739873079300_current&tab=tabs-1)
2
Navigate to plugin page by clicking "Plugins"
3
Click "Add plugins"
4
Click the "Search for a plugin..." field.
5
Type "Zoom By_Ritz7" and install the Plugin
6
Click "DONE"
7
Click "Zoom By_Ritz7" here you can see the plugin details
8
Go back to "Design" page
9
In the design page, UI Builder section. Check for "Zoom-Ritz7" element and add that in your page. Zoom-Ritz7 element is used to get the (current-timezone value and zoom auth code value) in a form of state which will be later used in API calls.
10
Click "Current-Timezone" and select the timezone you want to add in your API app.
11
Click here.
12
We have this button added to demonstrate the API calls. Click "Access Token via Code"
13
Click "Start/Edit workflow"
14
In the "Click here to add an action..." use "Open an external website" action
15
Click "Open an external website"
16
Add zoom publishable URL which you will receive when you successfully create and setup Zoom OAuth App.
17
Add a "Do when condition is true workflow" and in the workflow condition add this "Do when Zoom-Ritz7 A's Zoom_Auth_Code is not empty". -> Add action "Zoom_Client_Id_Secret_to_Base64" in the workflow.
18
Add Client ID and Client Secret of your Zoom app.
19
Add new action "Zoom - Get Access Token using Code"
20
In the action, -> add "Result of Step 1" in Authorization_Key" in Authorization field -> add "Zoom-Ritz7 A's Zoom_Auth_Code" in the code field. -> add Redirect URL.
21
In the response you will receive Access Token, Refresh Token and other details.
22
Similarly add workflow for other API, here is an example for Create meeting API, Click "Button Create Meeting is clicked"
23
Click "Zoom (testing) - Create Meeting"
24
Add meeting details here.
25
Click "Button Update Meeting is clicked"
26
Click "Zoom (testing) - Update Meeting"
27
Add meeting Id to update the meeting details.
28
Click "Zoom (testing) - Retrieve Meeting"
29
Click "Button List All Meeting is clicked"
30
Click "Zoom (testing) - Meeting List"
31
Click "Button Delete Meeting is clicked"
32
Click "Zoom (testing) - Delete Meeting"
33
In the preview
Bubble Zoom Plugin Workflow
Paresh Kalekar
33 steps
6 minutes
Bubble
Bubbleapps
Stripe
1
Navigate to [https://bubble.io/page?type=page&name=zoom_api&id=ritz7-plugins&test_plugin=1674624409461x753868739873079300_current&tab=tabs-1](https://bubble.io/page?type=page&name=zoom_api&id=ritz7-plugins&test_plugin=1674624409461x753868739873079300_current&tab=tabs-1)
2
Navigate to plugin page by clicking "Plugins"
3
Click "Add plugins"
4
Click the "Search for a plugin..." field.
5
Type "Zoom By_Ritz7" and install the Plugin
6
Click "DONE"
7
Click "Zoom By_Ritz7" here you can see the plugin details
8
Go back to "Design" page
9
In the design page, UI Builder section. Check for "Zoom-Ritz7" element and add that in your page. Zoom-Ritz7 element is used to get the (current-timezone value and zoom auth code value) in a form of state which will be later used in API calls.
10
Click "Current-Timezone" and select the timezone you want to add in your API app.
11
Click here.
12
We have this button added to demonstrate the API calls. Click "Access Token via Code"
13
Click "Start/Edit workflow"
14
In the "Click here to add an action..." use "Open an external website" action
15
Click "Open an external website"
16
Add zoom publishable URL which you will receive when you successfully create and setup Zoom OAuth App.
17
Add a "Do when condition is true workflow" and in the workflow condition add this "Do when Zoom-Ritz7 A's Zoom_Auth_Code is not empty". -> Add action "Zoom_Client_Id_Secret_to_Base64" in the workflow.
18
Add Client ID and Client Secret of your Zoom app.
19
Add new action "Zoom - Get Access Token using Code"
20
In the action, -> add "Result of Step 1" in Authorization_Key" in Authorization field -> add "Zoom-Ritz7 A's Zoom_Auth_Code" in the code field. -> add Redirect URL.
21
In the response you will receive Access Token, Refresh Token and other details.
22
Similarly add workflow for other API, here is an example for Create meeting API, Click "Button Create Meeting is clicked"
23
Click "Zoom (testing) - Create Meeting"
24
Add meeting details here.
25
Click "Button Update Meeting is clicked"
26
Click "Zoom (testing) - Update Meeting"
27
Add meeting Id to update the meeting details.
28
Click "Zoom (testing) - Retrieve Meeting"
29
Click "Button List All Meeting is clicked"
30
Click "Zoom (testing) - Meeting List"
31
Click "Button Delete Meeting is clicked"
32
Click "Zoom (testing) - Delete Meeting"
33
In the preview
