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

Install the API Connector plugin in your Bubble application and define an API call to send data to Make webhook.

Let's call this endpoint 'SendToMake' 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 Make in the next step.

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

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.

Create a button to start a workflow on Bubble

We will use the same form used in the Create a Data Thing or a Bulk of Data Things on Bubble. Check it out if you haven't already.

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

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"

}

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.