Integrate Webflow with Notion Using Pabbly Connect: A Step-by-Step Guide

Learn how to integrate Webflow with Notion using Pabbly Connect. This guide details the steps to automate form responses effortlessly. Develop expertise in application integration and learn how to design streamlined automation workflows using proven, simplified approaches.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To start integrating Webflow with Notion, first access Pabbly Connect. You can do this by visiting the Pabbly website and signing in or signing up for a free account.

Once logged in, navigate to the Pabbly Connect dashboard. Here, you can create a new workflow by clicking on the ‘Create Workflow’ button. You will be prompted to name your workflow, which we will call ‘Add Webflow Form Responses in Notion Database Automatically’.

2. Setting Up Webflow as the Trigger Application

In this step, we will set Webflow as the trigger application in Pabbly Connect. Select Webflow as your trigger application and choose the event ‘New Form Submission’. This event will trigger the workflow whenever a new form submission occurs.

• Select Webflow as the trigger application.
• Choose ‘New Form Submission’ as the trigger event.
• Copy the webhook URL provided by Pabbly Connect.

Next, head over to your Webflow account. Go to the dashboard, select the project you want to integrate, and navigate to the project settings. Under the integrations tab, add the copied webhook URL. This establishes a connection between Webflow and Pabbly Connect.

3. Testing the Webflow Connection

After setting up the webhook, it’s time to test the connection. Fill out the Webflow form with dummy data and submit it. This action will send a test submission to Pabbly Connect, allowing it to capture the response.

Check the Pabbly Connect dashboard to see if the response has been recorded. You should see the data from your form submission, including the first name, last name, email address, and phone number. This confirms that Webflow is successfully connected to Pabbly Connect.

4. Adding Notion as the Action Application

Now that Webflow is set up as the trigger, we will add Notion as the action application in Pabbly Connect. Select Notion and choose the event ‘Create Database Item’. This will allow you to add the captured form data into your Notion database.

• Select Notion as the action application.
• Choose ‘Create Database Item’ as the action event.
• Connect your Notion account to Pabbly Connect.

Once connected, you will need to select the specific database in Notion where the form responses will be stored. Use the mapping feature in Pabbly Connect to ensure that the data from the Webflow form submission is accurately transferred into the corresponding fields in Notion.

5. Finalizing the Integration and Testing

With both Webflow and Notion set up in Pabbly Connect, you can finalize the integration. Click on ‘Save and Send Test Request’ to send a test entry to your Notion database. This step ensures that all data is being mapped correctly.

After the test, check your Notion database to confirm that the new entry appears as expected. If everything looks good, you have successfully automated the process of adding Webflow form responses into Notion using Pabbly Connect.

Conclusion

This tutorial demonstrated how to integrate Webflow with Notion using Pabbly Connect, automating the transfer of form responses into your Notion database. By following these steps, you can streamline your workflow and enhance productivity.