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 👨‍💻
#zapier #bubble #bubbletips #automation #businessprocessautomation #integration #dataflow #data #nocode #nocoders #zaps #triggers #actions #systems #api #workflowautomation #workflow #workflows

[@cyake4499]

subscribed~ Thanks for this video!

[@william_leonard]

SUPER HELPFUL!

[@joshnocode]

😎⚡🤟

[@KeenleLoma]

Thanks a lot! you made my day

[@joshnocode]

Glad to hear it! 😊

[@GoodMoneyMoneyy]

Why do you need to have a paid Bubble account ? Can't you do the same using the Bubble Api connector -> Zapier Api ?

[@jishnusurendran8467]

Hi Josh, nice video, thanks! One quick question - does Zapier send the status of the action back in any way? So that we can display an appropriate message to the user on bubble? For instance, I'm trying to update Shopify inventory based on a trigger from bubble. I would want to know if the inventory has been updated successfully and then inform the user on bubble.

[@danunderhill]

Nice video, my only suggestion is to remove the music, it makes it a bit distracting.

[@joshnocode]

Appreciate the feedback! I will take it into consideration

[@dbwstein]

This is great. Do you have a video on sending data the other way - from zapier to bubble?

[@joshnocode]

Glad you enjoyed it David! I created a video covering exactly that. Check it out below. kzbin.info/www/bejne/mH6xeGaIqc-GkNk

[@shantanukeshewad3339]

Thank you ❤❤

[@hkhafiz5415]

nice

[@rishumehta745]

Nice and clean info...subscribed and liked. this is about sending data from bubble to zap and through zap to gmail. how about sending data from zap to bubble?

[@joshnocode]

Check it out below kzbin.info/www/bejne/jpCXmZKqqZKMZqM