How to Automate Webflow Forms to Notion

Webflow's native form submissions typically generate basic email notifications that require manual review and data entry. This standard process creates an administrative bottleneck, forcing teams to manually read emails and transfer prospect information into their lead management systems. This video addresses that inefficiency by introducing a robust, automated solution designed to streamline lead capture and initial client communication.

To resolve this bottleneck, the tutorial demonstrates how to construct a seamless automation using a simple three-module scenario connecting Webflow, Notion, and Loops. By configuring a webhook in an automation platform like Make, form submission data is instantly captured and routed to automatically populate a designated Notion CRM data table. Simultaneously, the automation utilizes Loops to trigger a personalized, transactional confirmation email to the user, mapping dynamic variables like the submitter's name directly from the form's payload.

By following this guide, viewers will learn how to implement this powerful workflow in under thirty minutes. Ultimately, deploying this automation eliminates tedious manual lead management, ensures inquiries are instantly and neatly organized in a CRM, and provides immediate reassurance to prospective clients that their message was successfully received by the company.

• Eliminate Manual Data Entry: Relying on default Webflow emails requires manual inbox monitoring and data transfer, a process that can be entirely bypassed through automation.
• Utilize a Lean Tech Stack: A highly effective, automated CRM pipeline can be built using just a Make webhook to catch data, Notion to store leads, and Loops to handle outgoing communication.
• Automate CRM Population: By accurately mapping payload data (such as names and emails) from a Webflow webhook, new leads are instantly generated within a Notion database table without any human intervention.
• Enhance the Prospect Experience: Sending programmatic, transactional emails via Loops immediately assures leads that their inquiry was received, making them feel secure and building initial trust.
• Achieve Rapid Deployment: This high-impact automation is highly accessible and can be fully constructed in less than 30 minutes by users who are already familiar with these platforms.

• 2:21 - Creating a new webhook in Make to catch incoming form data.
• 2:24 - Adding the Make webhook URL as a destination within Webflow's form settings.
• 2:44 - Populating the Notion data table by mapping specific data fields (like name) from the webhook payload.
• 3:11 - Navigating to the "Transactional" menu in Loops to create a programmatic email template.
• 3:29 - Inserting a dynamic variable into the Loops email template to populate the submitter's name.
• 3:39 - Configuring the "Send transactional email" module in Make and specifying the exact email template to trigger.
• 3:53 - Setting the value for the name variable and mapping the recipient's email address directly from the webhook data.
• 4:15 - Executing a live test submission using the Webflow project request form.
• 4:38 - Verifying that the webhook caught the payload and successfully populated the new lead in Notion and triggered the email via Loops.

How to Automate Webflow Form Submissions to Notion and Loops

By default, Webflow form submissions send a basic email notification that requires manual review and data entry. This guide will show you how to build an automated, three-module workflow to instantly send incoming leads to a Notion CRM and automatically trigger a personalized confirmation email to the user.

Step 1: Set up the Make Webhook and Connect to Webflow (2:21 - 2:41)

• How: In your Make automation scenario, create a new webhook module. Copy the generated webhook URL. Next, navigate to your Webflow project's form settings and add this webhook URL as a destination for your form submissions.
• Why: This establishes the initial connection between your website and your automation platform. Instead of relying on Webflow's default email notifications, this webhook acts as a catcher, automatically receiving the form's payload data the moment a user hits "submit".

Step 2: Connect and Map Data to Notion CRM (2:44 - 3:03)

• How: Add a Notion module to your Make scenario to connect to your Notion data table. Map the specific data fields pulled from the webhook payload—such as the submitter's name and contact information—directly to the corresponding columns in your Notion database.
• Why: This step entirely eliminates manual data entry. By mapping the payload directly to Notion, every new inquiry is instantly, accurately, and automatically logged as a new lead in your CRM.

Step 3: Create a Transactional Email Template in Loops (3:11 - 3:36)

• How: Log into Loops and navigate to the "Transactional" section on the home screen menu. Create a new email template (e.g., an "Inquiry auto-reply" with simple text) designed to tell the prospect their inquiry was received. Within the template body, insert a dynamic variable where the recipient's name should go.
• Why: Transactional emails are designed to be sent programmatically via an API trigger. Setting this template up in advance ensures you have a standardized confirmation message ready, and adding the dynamic variable allows the email to automatically greet each unique prospect by name.

Step 4: Configure the Loops Module in Make (3:39 - 4:04)

• How: Return to Make and add the "Send transactional email" Loops module to the end of your scenario. In the module settings, specify the exact transactional email template you created in Step 3. Finally, map the webhook's payload data to set the value for the name variable and pull in the submitter's email address.
• Why: This finalizes the automation chain. It instructs Make to trigger your pre-designed auto-reply and uses the precise data captured by the webhook to address the email correctly and send it to the right destination.

Step 5: Execute a Live Test (4:15 - 5:05)

• How: Go to your live Webflow project request form, fill out the required fields, agree to the privacy policy, and submit the form. Once submitted, check Make to see if the data arrived at the webhook, check Notion to verify a new lead was created, and check your email inbox to confirm the auto-reply was delivered.
• Why: Running a live test validates the entire workflow. It ensures that the webhook successfully caught the payload, the data mapped correctly into the Notion CRM, and the personalized Loops email was accurately triggered.

You can automate this process by creating a webhook in an integration platform like Make to catch incoming form data. Then, map the payload fields, such as the submitter's name and contact info, directly into a Notion database module to populate your CRM automatically.

Set up an automation platform to capture the form's webhook data and trigger a transactional email via a platform like Loops. You can use dynamic variables to pull the submitter's name and email address straight from the form payload for a personalized auto-reply.

First, generate a new webhook URL within your chosen automation scenario. Next, navigate to your Webflow form settings and add this custom webhook URL as the primary destination where all future form submission data will be automatically routed.

Bypass Webflow's default email notifications by routing new form submissions through a webhook-based automation. This structural change allows you to instantly populate a CRM data table and trigger automated follow-up communications without any manual inbox monitoring.