Bubble.io and Monday.com integration: Step-by-Step Guide 2024

Integrating Bubble.io and Monday.com

Let's dive into how best to connect your Bubble.io application with the project management and productivity platform, Monday.com.

To complete the steps below, please ensure you have an account on both platforms. If you don't, simply sign up at Bubble.io and Monday.com respectively.

Step 1: Gather Your Keys

Firstly, you may need to gather your API key from Monday.com, and app_id from Bubble.io.

On Monday.com, you can get your API key this way:

• Go to your avatar icon at the bottom-left corner of your screen and click on it.
• Go to Admin from the drop-down menu.
• Next, choose the API section.
• Lastly, click on Create and copy your API key for later use.

On Bubble.io, your app id is found in the application URL. For the URL format https://appname.bubbleapps.io, your app_id is the "appname" part.

Step 2: Create a New API Connector

On Bubble.io, integrate Monday.com API using the API connector plugin:

• Navigate to the Plugins tab on your Bubble.io page.
• Click + Add plugins and search for API Connector.
• Click Install to add the plugin to your application.
• Access the plugin by going back to the Plugins tab and clicking on the API Connector.

Step 3: Set up Monday.com API on Bubble.io

Next, configure the API Connector to work with Monday.com:

• Click on Add another API.
• In the API Name field, enter a name like "Monday.com".
• For the Authentication dropdown menu, choose None or self-handled.
• Check the Private key in header, and set Key to "Authorization" and set Value to your Monday.com API key prefixed with Bearer . It should look something like this:
  ```
  Authorization: Bearer YOUR_API_KEY
  ```

Step 4: Create a New Call

Now, create a new call in the API connector:

• Click on Add endpoint.
• Set a name for the call, like "Create a New Item".
• Set the Method to POST.
• For the Use as Action, select Data (GET, POST, etc.).
• In the URL field, enter the API endpoint URL for creating an item on a board. This generally looks like: https://api.monday.com/v2/.
• In the Body section, write a mutation query in JSON format to create a new item in a specific board (replace YOUR_BOARD_ID and ITEM_NAME). For example:
  ```
  {
  "query": "mutation { create_item (board_id: YOUR_BOARD_ID, item_name: 'ITEM_NAME') { id } }"
  }
• Click on Initialize Call to save the endpoint and its configuration.

Step 5: Use API Call in Workflows

With your API endpoint set up, you can use it in your Bubble.io workflows:

• Navigate to the Plugins tab and find the "Monday.com" API you have created.
• Drag to select the "Create a New Item" Call you have set up in the workflow.
• Replace the dummy data used in the API call with dynamic data from your use case.

Step 6: Test the Integration

Having followed the steps above, you should now be able to create items in a Monday.com board using your Bubble.io application.

As a final step, test your setups by creating a new item using your Bubble.io application, and then navigate to your Monday.com account. You should be able to see the new item on the board you specified.

Do more tests using different use cases to ensure the integration is working seamlessly.

Remember: The API key is sensitive and should never be shared with others. Always keep it safe.

Now with your Bubble.io application integrated with Monday.com, managing your projects becomes a whole lot easier.