How to Send Data from Bubble.io to Zapier | Integrating Bubble.io + Zapier Part 1

In this tutorial, I will show you how to send data from bubble to zapier whenever a specific workflow runs in bubble. This zap comes in handy when you come across an app that doesn't have a direct plugin with bubble but the app does have a direct integration with zapier.

Full disclosure, your bubble application will need to be on a paid plan to use the zapier plugin.

You first need to expose your public API endpoints in bubble. Simply navigate to the API tab and make sure the following checkboxes are checked:

Enable Workflow API and backend workflow
Enable Data API (select the data types that you want to expose i.e ‘User,’ ‘Customer’ etc)

Next, we create a new type, ‘Customer’ and add the following fields, name, email address, and ‘phone number.’ Set these fields as text fields in your type.

Download the zapier plugin on bubble and click the button ‘Add Another Zap Trigger.’ Give your trigger a name, and then select the data type you want for your trigger type. In this example, we selected the type ‘Customer.’

We then add a new page and create a Customer Request Form. The form includes the following input fields; name, phone number, and email address. We add a button to submit the request and an element below the button, displaying our form submission success message. Make sure that the success message element is not visible on page load.

We then create a new workflow for the submit request button. For step one, create a new thing. In this example, we create a new customer and map the database field's customer name, email address, and phone number to their corresponding input fields on the form.

Next, we add a step to trigger a Zapier zap. In the dropdown menu, we select the Zapier trigger that we previously created in the plugin and for the ‘Zap Thing,’ we input ‘result of step 1 (create a new customer) as dynamic data. Now when our form is submitted, Zapier will detect our workflow and will receive the data from bubble. Finally, we add a step to show our submission success message using element actions.

Test out your workflow by making a form submission and then head over to zapier to set up the actual zap. Add bubble.io as your trigger and for the event select ‘New Workflow Trigger Event.’ This is an instant trigger that will fire whenever a bubble workflow is kicked off. Next, choose your app id, app version (dev/production), and zap id. If you don’t see your zap id then you most likely configured your setup incorrectly in bubble or do not have a paid bubble plan. Proceed to test your zap and you should see data from your most recent form submission.

From here, you can easily send your bubble data to any external data source such as an app supported by zapier or a webhook.

Enjoy and please let me know if you have any questions about this tutorial. If you have any ideas for future videos, I'd love to hear them 👨‍💻

New to Zapier?
Start automating here:
https://try.zapier.com/eeda3k7z49xh (affiliate link)

#zapier #bubble #bubbletips #automation #businessprocessautomation #integration #dataflow #data #nocode #nocoders #zaps #triggers #actions #systems #api #workflowautomation #workflow #workflows