How to connect Webflow forms to Notion databases: Step-by-step guide

Collecting form submissions on your Webflow site is only half the battle. Without an efficient system to organize and manage this information, valuable data sits isolated in your Webflow dashboard, inaccessible to your team and disconnected from your other workflows.

In this comprehensive guide, you'll learn how to automatically send every Webflow form submission directly into structured Notion databases, creating a centralized knowledge base that your entire team can access, analyze, and act upon using Make (formerly Integromat)—a powerful automation platform that bridges the gap between your website and your workspace.

Why Notion databases matter for Webflow forms

• Centralized knowledge management: When someone completes a form on your Webflow site, their information is automatically organized in your team's Notion workspace—the same place where you already manage projects, documents, and other important information.
• Structured data organization: Transform unstructured form submissions into well-organized database entries in Notion, with each form field mapped to the appropriate property type (text, number, date, select, etc.).
• Enhanced team collaboration: Allow multiple team members to view, comment on, and work with form submission data simultaneously in Notion, improving coordination and response time.
• Powerful filtering and sorting: Leverage Notion's robust database features to filter, sort, and categorize form submissions based on any criteria, making it easy to identify patterns and priorities.
• Custom views for different needs: Create tailored views of your form data in Notion—use Table view for comprehensive data review, Board view for status tracking, or Timeline view for scheduling follow-ups.

Available methods for Webflow-Notion integration

Before diving into implementation, it's worth noting that our recommended approach for connecting your Webflow forms with Notion databases is using Make. This powerful automation platform offers a generous free tier with 1,000 operations monthly—more than sufficient for most websites with moderate form traffic.

We'll focus on the Make method as it provides an excellent combination of capability, reliability, and value for most Webflow projects.

How to send Webflow form submissions to Notion databases using Make

Setting up this integration involves creating a connection between your Webflow forms and Notion databases through Make's automation platform. We'll walk through preparing your Webflow form, configuring the automation in Make, and setting up the Notion database to receive your form data.

The entire process should take approximately 15-20 minutes to complete and works reliably for websites of any size.

Step 1: Setting up your Webflow form for Notion integration

1. Navigate to your Webflow project and select the page containing your form (or where you want to add one).
2. If you don't already have a form, add a Form element from the Add Elements panel.
3. Configure your form fields to collect the necessary information from users.
4. Under form settings (gear icon), ensure your Form Name has a clear, descriptive label for easy identification in Make.
5. Add appropriate success and error messages.
6. Publish your Webflow site with the form. 🚧 This step is essential—Make can only detect forms on published Webflow sites.

Step 2: Creating your Notion database to store Webflow form data

Before setting up the automation, you need to prepare a Notion database with properties that match your Webflow form fields:

1. In Notion, click the + New page button at the bottom of your sidebar.
2. Select Table from the database options.
3. Name your database appropriately (e.g., "Contact Form Submissions" or "Website Inquiries").
4. Click the + Add a property button to add properties that correspond to each field in your Webflow form:
   • For name fields: Add a Text property named "Name"
   • For email fields: Add a Email property named "Email"
   • For message fields: Add a Text property named "Message"
   • For dropdown/select fields: Add a Select property with appropriate options
   • For date fields: Add a Date property
   • For checkbox fields: Add a Checkbox property
5. Add any additional properties you might want, such as:
   • A Date property named "Submission Date" to track when the form was submitted
   • A Select property named "Status" with options like "New," "In Progress," and "Completed"
   • A Person property named "Assigned To" for team member assignments

All of these fields are for our example purposes, however, if your form is different or you want to use different names, it is totally okay to do so!

Step 3: Setting up API access in Notion

To connect Notion with Make, you need to create an integration and generate an API token:

1. Go to https://www.notion.so/my-integrations (or search for "My Integrations" in Notion).
2. Click the + New integration button.
3. Name your integration (e.g., "Webflow Form Integration").
4. Select the workspace where your database is located.
5. Under "Capabilities," ensure that Insert content is selected (required for adding new database items).
6. Click Submit to create the integration.
7. Copy the Internal Integration Token that appears—you'll need this in Make.
8. Return to your Notion database, click the ••• menu in the top-right corner.
9. Select Add connections, then search for and select your newly created integration.

This crucial step grants the integration permission to add new entries to your specific database.

Step 4: Creating a Webflow form automation in Make for Notion

1. Sign up for a free Make account if you don't have one already.
2. From the Make dashboard, click the Create a new scenario button.
3. Name your scenario something descriptive like "Webflow Form to Notion Database."
4. Click the large + icon in the center of the screen to add your first module.
5. Search for and select "Webflow" from the apps list.
6. For the trigger, select "Watch Events" (which will detect new form submissions).

Step 5: Configuring the Webflow webhook in Make

1. Click + Add next to the "Webhook" dropdown to create a new webhook.
2. For Webhook name, enter a descriptive name (e.g., "Contact Form" or your specific form name).
3. Next to Connection, click + Add to create a new connection to your Webflow account.
4. Enter a Connection name (e.g., "My Webflow Account").
5. Click Save to create the connection.

Make will open a new tab/window to Webflow, where you'll need to:

1. Authorize Make to access your Webflow account.
2. Select the specific Webflow site you want to connect from the dropdown menu.
3. Click Authorize App.

‍

Back in Make:

4. The Site ID dropdown should now populate with your Webflow site(s). Select the appropriate site.
5. For Trigger Type, select Form Submission.
6. Click Save to complete the webhook setup.

Step 6: Testing your Webflow form connection with Make

Important: Your Webflow site must be published with the form for Make to detect submissions.

1. Click the Run once button at the bottom left of the Make scenario editor. This puts Make into listening mode.
2. Go to your published Webflow site and complete your form with test data.
3. Submit the form.
4. Return to Make. You should see a green bubble with a "1" appear above the Webflow module, indicating that Make successfully received the form submission data.
5. Click the magnifying glass icon on the bubble to inspect the data Make captured from your form submission.

Step 7: Adding the Notion module to your Webflow form automation

1. Click the + icon to the right of your Webflow module to add another step.
2. Search for and select "Notion" from the apps list.
3. Select "Create a Database Item" as the action.

[IMAGE: Show the Make interface with Notion app selection and Create a Database Item action

adding-notion-database-module-to-webflow-automation-workflow Adding Notion database module to Webflow automation workflow showing Notion app selection

selecting-create-database-item-action-for-webflow-form-submissions Selecting Create Database Item action for Webflow form submissions in Make automation builder

connecting-webflow-forms-to-notion-database-in-make-platform Connecting Webflow forms to Notion database in Make platform showing action selection screen]

Step 8: Configuring your Notion connection in Make

1. For Connection, click + Add to create a new Notion connection.
2. Give your connection a name (e.g., "My Notion Workspace").
3. For Connection Type, select Internal Integration.
4. For Internal Integration Token, paste the token you copied from the Notion integration you created earlier.
5. Click Save to establish the connection.

Step 9: Mapping Webflow form data to your Notion database

1. For Database ID, you need to enter your Notion database ID:
   • This ID is not automatically populated in the dropdown
   • Navigate to your Notion database in your browser
   • Look at the URL: it will be something like https://www.notion.so/workspace/1bdb0764d70c8072829fc78f4ea3da9e
   • The database ID is the 32-character alphanumeric string after your workspace name and before any question marks (in this example: 1bdb0764d70c8072829fc78f4ea3da9e)
   • Copy this ID and paste it into the "Database ID" field in Make
   • If you're using the Notion UI to integrate, you can also find this ID in the "Enter a Database ID" field as shown in the example
2. For each property in your Notion database, map the corresponding field from your Webflow form:
   • Click in the property field to open the data mapping panel.
   • Select the matching field from your Webflow form data (e.g., map 1.Data.Name to the "Name" property).
3. For the "Submission Date" property (if you created one), you can use Make's date formatting functions:
   • Use {{formatDate(1.timestamp; "YYYY-MM-DD HH:mm:ss")}} to get a properly formatted date.
4. Click OK to save your Notion module configuration.

Step 10: Activating your Webflow form to Notion database automation

1. Click Save to save your complete scenario.
2. Toggle the scheduling switch (at the bottom left, next to "Run once") to the ON position.
3. The default schedule, "Immediately as data arrives" is the best option for form notifications, ensuring real-time database updates.
4. Click OK to activate the scenario.

Step 11: Testing the complete Webflow form to Notion database workflow

1. Go to your published Webflow site.
2. Complete and submit another test form with sample data.
3. Check your Notion database to confirm that a new entry has been created with the correct form data.
4. If needed, return to Make to adjust the field mapping or other settings.

Advanced Webflow form to Notion database options

Once you've established the basic integration, you can enhance it with these advanced features:

Creating different views of your Webflow form data in Notion

Notion offers multiple ways to visualize and organize your form submission data:

1. In your Notion database, click the + Add a view button next to the default Table view.
2. Choose from various view types:
   • Board view: Group submissions by status (e.g., "New," "In Progress," "Completed") to track follow-up progress.
   • Calendar view: If your form includes date fields, visualize submissions on a calendar.
   • Timeline view: Organize submissions chronologically for easier tracking of response times.
   • Gallery view: Create cards for each submission, ideal for forms with visual elements.
   • List view: Simplify the display for a more compact overview of submissions.

Each view can have its own filters, sorts, and grouping settings, allowing different team members to work with the data in ways that suit their specific needs.

Setting up conditional property values in Notion based on Webflow form data

You can use Make's filter functions to set conditional property values in your Notion database:

1. In your Notion module in Make, click on a property field (e.g., "Priority" or "Category").
2. Use Make's functions to create conditional logic, such as: **{{if(contains(1.Data.Subject; "urgent"); "High"; "Normal")}}**
3. This would set the Priority to "High" if the Subject field contains the word "urgent," otherwise "Normal."
4. You can create more complex conditions using nested if statements or switch functions.

Troubleshooting common Webflow form to Notion database integration issues

• Webflow form submissions not triggering the automation: Ensure your Webflow site is published after any form changes. Make and other automation platforms can only detect forms on published sites.
• Make not detecting Webflow form submissions: Try clicking "Run once" in Make before submitting your test form to put Make into active listening mode.
• Missing Webflow form fields in Notion database entries: Verify that you've properly mapped each field in the Make Notion module and that field names match your Webflow form field names.
• "Database not found" error in Make: Check that you've explicitly shared your Notion database with your integration. Go to the database in Notion, click the "•••" menu, select "Add connections," and choose your integration.
• API rate limit errors: Notion's API has a limit of approximately 3 requests per second. If you're experiencing errors due to high submission volumes, consider adding a delay in your Make scenario.
• Property type mismatch errors: Ensure that the data type from your Webflow form matches the property type in Notion. For example, a number field in Webflow should map to a Number property in Notion.
• Maximum text length issues: Notion has a 2,000 character limit for rich text properties. If your form allows longer text entries, consider truncating the text in Make before sending it to Notion.

Conclusion

Connecting your Webflow forms to Notion databases creates a powerful system for managing and organizing form submissions within your team's central workspace. With automatic data transfer from your website directly into structured Notion databases, you'll eliminate manual data entry, improve team collaboration, and gain powerful tools for filtering, sorting, and visualizing your form data.

The Make integration offers an exceptional balance of functionality, reliability, and affordability for most Webflow sites. With its intuitive interface and generous free tier, it's the perfect solution for connecting your website's forms to your team's Notion databases.

Need assistance with more complex Webflow integrations or custom database solutions? At BRIX Templates we specialize in creating tailored workflows that enhance your Webflow website's functionality.