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

Learn how to automate the integration of Webflow form responses into Notion using Pabbly Connect. Follow our detailed tutorial for seamless setup. Implement the precise methodologies leading organizations use to automate repetitive tasks, illustrated with practical examples designed for immediate application.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To start integrating Webflow with Notion, you first need to access Pabbly Connect. Simply visit the Pabbly website and sign in to your account. If you don’t have an account, you can sign up for free, which gives you access to 100 tasks monthly.

Once logged in, navigate to the Pabbly Connect dashboard. Here, you will see all your workflows. To create a new workflow, click on the ‘Create Workflow’ button. This is where you will set up the integration between Webflow and Notion.

2. Creating a Workflow in Pabbly Connect

After accessing Pabbly Connect, you need to create a new workflow for your integration. Name your workflow something descriptive, like ‘Add Webflow Form Responses in Notion Database Automatically’. Select the folder to save this workflow in. using Pabbly Connect

• Click on ‘Create’ to start the workflow.
• You will see two boxes: one for Trigger and one for Action.
• Select Webflow as the Trigger application.

In this workflow, the trigger will be a new form submission from Webflow, which will initiate the action of adding data to Notion. This step is critical as it sets up the automation process.

3. Connecting Webflow to Pabbly Connect

To connect Webflow with Pabbly Connect, you will need to set up a webhook URL. This URL acts as a bridge for data transfer. In the trigger settings, copy the webhook URL provided.

Next, log into your Webflow account and navigate to the project settings. Here, go to the Integrations tab and scroll down to find the Webhooks section. Click on ‘Add Webhook’ and select the form submission trigger type. Paste the copied webhook URL into the designated field.

4. Setting Up Notion Integration in Pabbly Connect

Now that Webflow is connected, it’s time to set up the action application, which will be Notion. In the action settings of your Pabbly Connect workflow, select Notion as the action application and choose ‘Create Database Item’ as the action event.

If you have an existing connection, you can save it; otherwise, click on ‘Add New Connection’ to connect to your Notion account. After logging in, select the Notion page where you want the data to be added, such as your customer contact details page.

• Map the fields from the Webflow form to the corresponding fields in Notion.
• Ensure that you include the first name, last name, email, and phone number in the mapping process.
• Click ‘Save and Send Test Request’ to test the integration.

Upon successful testing, you should see the data reflected in your Notion database, confirming that the integration works as intended.

5. Testing the Integration Between Webflow and Notion

To ensure that everything is functioning correctly, submit a test form through your Webflow site. Fill in the required fields and click submit. After submission, return to Pabbly Connect to check if the response has been captured successfully.

Once the response is recorded in Pabbly Connect, you can verify that the data has been added to your Notion database. This step is crucial for confirming that the integration is seamless and that data flows correctly from Webflow to Notion.

After testing, you can continue to use this automation for future form submissions, ensuring that every new submission is added to your Notion database automatically.

Conclusion

In this detailed tutorial, we explored how to integrate Webflow with Notion using Pabbly Connect. By following the outlined steps, you can automate the process of adding form responses to your Notion database efficiently. This integration streamlines your workflow and saves time, enhancing productivity.