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

This guide will provide you with the detailed steps to integrate your Pipedrive account with your Bubble.io application. This integration will allow your application to have access to customer information, sales, marketing and support data provided by Pipedrive, effectively enhancing your application’s ability to manage your business and customer relationships.

Get Prepared

Make sure you have the following prerequisites:

1. An active Bubble.io account.
2. An active Pipedrive account with Admin access.
3. Basic understanding of Bubble.io environment.
4. Basic understanding of how APIs work.

Step 1: Gather API Key from Pipedrive

Start with logging into your Pipedrive account:

1. Once logged in, click on your avatar on the top right corner of the dashboard.
2. Scroll down and click on Company settings.
3. Here, click on Personal preferences and then API or you can directly enter - https://www.pipedrive.com/settings/personal/api on your browser to directly access API settings.
4. You will see your unique API Token. Keep this safe, it's like a password to your account.

Step 2: Set Up API Connector in Bubble.io

Next step involves setting up the API Connector in Bubble.io:

1. Log into your Bubble.io account and go to the application with which you want to integrate Pipedrive.
2. In your Bubble.io editor, navigate to Plugins through the left navigation bar.
3. Click on Add plugins, and in the Plugin search bar that pops up, search for API Connector and install it.
4. Once installed, you should see API Connector listed in your installed plugin list. Click on it.
5. Click Add another API.
6. Give your API a name, for example, Pipedrive.

Step 3: Configuring the API in Bubble.io

After giving your API a name, now it is time to set up necessary configurations.

1. Set the Authentication type from the dropdown menu to None or self-handled.
2. In the API base URL input field, enter the Pipedrive API base URL. It’s https://api.pipedrive.com/v1
3. Check the Add the API Key in header box, enter api_token in Key field and paste the Pipedrive API Token you gathered in Step 1 in Value field.

Step 4: Creating GET Call

You are now ready to create a GET call to test your API connection:

1. Under Pipedrive API settings in Bubble.io, click on Add another call.
2. Type GET Deal as your Call name.
3. Use GET as the Call type.
4. For the endpoint, append deals to your base URL to get: https://api.pipedrive.com/v1/deals?api_token=YOUR_API_TOKEN.
5. Don’t input anything in the parameters.
6. Hit the Initialize Call Button to run your GET Request.

Step 5: Saving and Testing

Finally, save your setup and test it:

1. Click on Save to save your settings.
2. You can now test your setup by going to the Data tab on the Bubble.io editor.
3. Choose App data and then API calls.
4. Choose Pipedrive - GET Deal and click on Get data from API.
5. If everything is working fine, the result from Pipedrive should be shown.

You have successfully integrated your Bubble.io application with Pipedrive.

Remember, if you want to fetch different kinds of data, you will need to set up different API calls with different endpoints provided by Pipedrive. These endpoints are documented in the Pipedrive API Documentation.