Hi @Andrew_Clark,
In Parabola, head to the flow that you’d like to enable webhooks on. Go to the settings tab and click Configure Webhooks. Copy the Webhook URL to your clipboard.
Next, head to your Bubble application and select the Plugins tab on the left-hand sidebar. If you haven’t done so already, you will need to add the API Connecter as a new plugin.
In the API Name section, you can fill out basic credentials. Click Add a shared header and set the Key to content-type and the Value to application/json.
The bottom section will allow you to configure your API call. Be sure to select Use as Action. Select POST as the method, and enter your Webhook URL using the input field to the right of the method.
Configure your JSON body to reference the Bubble fields and their dynamic values using <>.
In the example above, I’m referencing my id field from my user table, and dynamically inserting the id. You will see a Key and Value appear below. This is for you to send test the call to ensure it’s correct. I entered a random value of 123.
Note: It will trigger your flow as soon you click Initiliazie call or Reinitialize call.
Next, head to your Workflow tab and select the event you want to trigger your action. Add a Plugin action and you should see the API Connector we just recently set up - Parabola - API Call.
You can set the action to occur based on a condition of the Current User. As a result, the current user’s id should be sent to your Parabola flow.
In Parabola, your flow should match this basic framework:
The “Receive from webhook” will catch the user information defined in your request. The “Enrich with an API” step will allow you to dynamically query the users testing data by inserting that at the end of your API endpoint URL.
https:/your-application.bubbleapps.io/version-test/api/1.1/obj/user/{id}
Finally, you can use the “Send to an API” to map the fields in Bubble to the related columns in Parabola.
{
"Bubble_Field_1": "{Parabola_Column_1}",
"Bubble_Field_2": "{Parabola_Column_2}",
"Bubble_Field_3": "{Parabola_Column_3}"
}