Send data to Integromat as JSON via an action in a Bubble workflow using the API Connector plugin

This tutorial covers how to send data from a Bubble workflow by triggering the Watch events module in a scenario on Integromat. This is what you need when you want to start a Bubble workflow when an action such as clicking a button takes place on a page in your Bubble app. 

 

 

You may watch the video tutorial or continue reading below:


 

Step 1: Install the API Connector plugin in your Bubble application and define an API call to send data to an Integromat webhook.

Let's call this endpoint 'SendToIntegromat' and under authentication, select None or self-handled as shown below: 

 

 

Next, add an API call to POST an ACTION to the Webhook URL which will be obtained from Integromat in the next step.

 

 

Make sure you add the parameters type and message to the call. 

Step 2: Create a scenario with the Watch events module by Bubble as the trigger

Here, add a new webhook, copy the URL and paste it in the API Call plugin shown in the previous step.

 

 

 

Step 3: Create a button to start a workflow on Bubble

We will use the same form used in the Create a Data Thing on Bubble from a Google Sheet tutorial. You must check it out if you haven't already. 

The form looks like the one below and the Submit button starts the workflow:

 

 

Step 4: Add an action to the workflow which starts when the button is clicked

 

 

This workflow needs to have an action to make the API Call created in the first step. Since the API Call was used to post an Action, it will be visible under Plugins as shown below:

 

 

After selecting the API Call, the body has to be added as a JSON in the message field as shown: 

 

 

Here, we pass the values of fname and email which refer to the fields on the form. You can add all the required parameters here. The JSON body is as below:  

{ "fname" : "fname's value",

"email" : "email's value"

}

Step 5: Complete the scenario and run it

The final step in this tutorial is to add the rest of the modules to your scenario and run it. Since the data is sent as a JSON from the Bubble Workflow, it's recommended to use a Parse JSON module unless you are using a service that accepts JSON directly. 

To trigger the scenario, you need to start the Bubble workflow by clicking on the submit button in the preview mode on Bubble.  

 

 

In the scenario above, the JSON is parsed to extract the fname and email elements which are then mapped to two Set variable modules respectively. The scenario is available as a template here. You can however map the elements directly to one or more modules from the app you wish to send the data to. 

In case you missed it, check out the tutorial below!  

Learn how to create a data thing or a bulk of data things on Bubble from a third-party service such as a Google Sheet

 

 

Popular use cases from our blog

slack-automation-illustration

Slack Automation: 20 Free Templates to Get You Inspired

google-sheets-automation-alt

Google Sheets Automation for Ecommerce: 23 Free Templates

tweet-automation-illustration

How to Get Someone's Tweets Before Anyone Else Does

onboarding-automation-with-integromat-alt

How to Automate Employee Onboarding in Minutes with Integromat

shopify-order-to-manufacturer-illustration-alt

How to Auto Send Shopify Orders to Dropshipping Suppliers [Guide]

strava-exercise-to-google-sheets-illustration

Like a Champ: How to Save Strava Activities to Google Sheets

Didn’t find what you were looking for?

Ticket

Create a ticket

Contact our world-class support team and tell us what’s happening.

Create a ticket
Expert

Find an expert

We feature a network of 450+ certified partners across the globe who are ready to help

Find an expert

Automate any workflow in your business

Sign up for a free account today. No credit card required, no time limits on free plan.