Bubble.io and Notion integration: Step-by-Step Guide 2024

Integrating Bubble.io with Notion requires an intermediary tool as there is no direct integration. One of the tools that you can use is Zapier.

Here is the step by step guide on how to achieve this:

Pre-requisites:

Before starting, make sure to have accounts on the following platforms:

• Bubble.io
• Notion
• Zapier

Step 1: Create a Database in Notion

To start with, open Notion and create a new page. Within the new page, create a table by selecting the + sign and then select Table - Full page. Input the desired fields in your table. For this instruction, let's have Task Name and Description as fields.

Step 2: Setup Notion Integration in Zapier

Go to the Zapier dashboard and click on the Make a Zap button.

On the Choose App event, search for Notion and select it. Choose New Database Item as your trigger event and then click Continue.

Now, you'll have to sign in to your Notion account in Zapier. Click Sign in to Notion and follow the authentication process. Once done, click Continue.

Select your Notion database. To do this, you'll first have to share your Notion database with the Zapier Integration. Go to Notion and click the Share button at the top right of your screen. In the Invite section, click Add People and paste the email address provided on the Zapier screen. After that, return to Zapier and click Load More until you see your database and select it. Then Continue.

Lastly, test your trigger and ensure it is working. If Zapier shows an entry from your Notion database, it means the trigger setup was successful. Click Continue.

Step 3: Setup Bubble.io Action Event in Zapier

Now set up the action to take place in Bubble.io. On the Choose App event, search and select Bubble. Choose Create Thing as your action event and then click Continue.

Next, sign in to your Bubble.io account in Zapier by clicking Sign in to Bubble and follow the authentication process. After signing in, click Continue.

Select your Bubble app and the type of thing. For the fields, map each Bubble field to the corresponding field in Notion. You can do this by clicking on the button at the right of each box and then selecting the correct field. Make sure to match all the necessary fields. Once done, click Continue.

Now, test your action by clicking Test & Review. If successful, a new thing should be created in your Bubble app based on data from your Notion database. The test will show if it was successful or not.

Step 4: Activate Your Zap

If the test was successful, you are ready to turn on your zap. Click Turn on Zap.

Congratulations! You've successfully integrated your Notion database with your Bubble.io app using Zapier!

Suppose a new item is added to your Notion Database. In that case, Zapier will automatically create a new thing in your Bubble.io app, allowing you to seamlessly integrate Notion data into your applications!