Bubble.io and Zoom integration: Step-by-Step Guide 2024

Step 1 – Create a Zoom Developer Account

To start, you should have a Zoom developer account.

Navigate to the Zoom Developer website and click on the Build App button on the top-right corner. This will take you to login with your zoom account or sign up for a new account. Ensure this account is associated with a Zoom subscription that allows creating applications.

Step 2 – Create an App on Zoom

Once you have signed into your developer account, click on Develop in the top menu and then on Build App. This will redirect you to the App Marketplace.

Now you will be provided with a choice to pick an OAuth app or JWT app. Here, we are selecting OAuth App.

Provide your App with a name, select User Level app, and then click Create.

Step 3 - Configuring your Zoom App

Inside your newly created Zoom Application, click on the App Credentials tab.

Here you will find the Client ID and Client Secret which you will need later.

Scroll down to the Redirect URL for OAuth section and input your Bubble API Connector Redirect URL (This is found in your Bubble API Connector and usually follows this format https://your-bubble-app-domain.bubbleapps.io/api/1.1/oauth_redirect)

Step 4 – Install Your App locally

Move on to the Local Test section of your Zoom settings, and click Install.

You'll see a pop-up asking for confirmation to open the link with the Bubble app, click Open Bubble.

Step 5 - Configure Bubble API Connector

Log in to your Bubble account, navigate to the page you want to set up the integration on. Go to Plugins -> Add plugin -> search for the API Connector.

In the API Connector, add a new API and name it. In Authorization section, set the type to OAuth2 with type user-agent.

Now, fill the inputs:

• Client ID and Client Secret - Copy them from your Zoom app.
• Access Token Endpoint - Set it to https://zoom.us/oauth/token
• Scope - You will need to input scopes.

Check https://marketplace.zoom.us/docs/guides/auth/oauth for more information on which scopes to add based on functionality needed.

Then, click the Initialize API button.

Step 6 – Test the API

After successfully initializing the API, create a new call.

Name the API, select GET as the Data type, and set your API URL ( You can get API URLs from Zoom API documentation for specific calls i.e. To create a meeting, the URL would be 'https://api.zoom.us/v2/users/me/meetings')

In the Headers section, add Authorization as the key and Bearer <<access token>> as the value.

Click on Initialize Call button and then Save.

Step 7 - Using the API Call in your App

You can now use the API Call in your bubble app. To use it, go to the workflow of any trigger (e.g., Clicking a button) and select the action as Plugins -> [Your API Call].

And that’s it! You're now able to integrate Zoom with Bubble.io.
Remember, you should always check with the Zoom app’s permissions in order to ensure you’re not breaching any data policies. Test your app thoroughly to check the API is working as expected.

Please note, some actions may require different headers or API URLS, you can refer to the Zoom API documentation for specific API calls.