How to send automated emails after Webflow form submissions

Webflow's form handling excels at collecting submissions, but doesn't include built-in functionality for sending automated response emails. This creates a rough experience for users who submit a form and receive no immediate confirmation.

In this guide, you'll learn how to set up automated emails after Webflow form submissions using Make (formerly Integromat)—a powerful and cost-effective automation platform.

Why automated form response emails matter for Webflow sites

• Instant user reassurance: When someone fills out your contact form, they want to know their message didn't disappear into the void. Confirmation emails provide that immediate peace of mind.
• Fewer "Did you get my message?" emails: Save yourself from the flood of follow-up messages from concerned customers wondering if their form submission actually worked.
• Smart lead nurturing: Use confirmation emails to share relevant resources, link to your FAQ page, or offer a downloadable guide while your lead is still actively engaged with your brand.
• Submission verification: Give users a chance to spot and report any errors in their submitted information before you act on incorrect data.
• Consistent brand experience: Every interaction with your visitors is a chance to reinforce your messaging and visual identity, even in automated communications.

Available methods for Webflow form email automation

Before diving into implementation, it's worth noting that Webflow Logic is no longer a viable option for this task. While you might stumble across older tutorials recommending it, Logic will be completely discontinued as of June 27, 2025, so it's best to avoid building anything new with it.

Instead, we'll focus on two reliable methods:

1. Sending automated emails with Make (recommended): Our top pick offering a generous free tier with 1,000 operations monthly—plenty for most websites with moderate traffic.
2. Zapier integration for automated emails: A solid alternative if you're already using Zapier for other workflows, though it typically comes with higher costs for similar functionality.

Let's explore the Make method in detail, as it offers the best balance of functionality and affordability for most Webflow projects.

How to send automated emails after Webflow form submissions using Make

Setting up automated emails with Make is a straightforward process that requires creating a webhook connection between your Webflow forms and the Make platform. In this walkthrough, we'll first prepare your Webflow form, then create the automation in Make, and finally configure the email template that will be sent to your form submitters.

This entire setup should take about 5-10 minutes and works reliably for sites of any size.

Step 1: Setting up your Webflow form for automation

1. Navigate to your Webflow project and select the page where you want to add or modify a form.
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 necessary information (at minimum, include an Email field to use for sending confirmation emails).
4. Under form settings (gear icon), ensure your Form Name is clearly labeled for identification in Make.
5. Add your success and error messages as needed.
6. Publish your site for the form to be accessible to Make. ⚠️ This is crucial—Make can only detect forms on published sites.

Step 2: Creating a Webflow form automation in Make

1. Sign up for a free Make account if you don't already have one.
2. From the Make dashboard, click the Create a new scenario button.
3. Give your scenario a descriptive name, such as "Webflow Form Submission Automated Email."
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 capture form submissions).

Step 3: Setting up the webhook connection between Webflow and Make

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

Make will open a new tab/window to Webflow, and now you need to:

1. Authorize Make to access your Webflow account.
2. Select the specific site you want to connect from the dropdown.
3. Click Authorize App.
4. Back in Make, the Site ID dropdown should now populate. Select your site.
5. For Trigger Type, select Form Submission.
6. Click Save to complete the webhook setup.

Step 4: Testing your Webflow form connection with Make

Important: Ensure your Webflow site is published with the form. The form must be live for Make to detect it.

1. Click the Run once button at the bottom left of the Make scenario editor. This puts Make into a listening mode.
2. Go to your published Webflow site and fill out your form completely. Use a real email address for testing (so you can receive the automated test email later).
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. Click the magnifying glass icon on the bubble to inspect the data.

Step 5: Adding the email sending module to your Webflow automation

1. Click the + icon to the right of your Webflow module to add another step.
2. Search for and select "Email" from the apps list.
3. Select "Send an Email" as the action.
4. Drag a connection line from the Webflow module to the Email module to link them.
5. Click Save to create the connection between modules.

Step 6: Configuring Webflow form data in your email template

1. For Connection, click + Add and then Save.
2. In the To field, click to open the data mapping panel. Select the field containing the user's email address (e.g., "Data → Email").
3. Enter your Subject line (e.g., "Thanks for your submission!"). You can include form data here too (e.g., "Thanks for your submission, {{Data → Name}}!").
4. For Content Type, choose "HTML" (for formatted emails) or "Plain text".

Now you'll need to compose the email body. Click in the Content field and use the data mapping panel to insert dynamic values from the form submission.

Here's an example of what your HTML email template might look like:

<p>Dear {{Data → Name}},</p>
<p>Thank you for contacting us through our website. We've received your message and will get back to you shortly.</p>
<p>Here's a summary of what you submitted:</p>
<ul>
    <li>Name: {{Data → Name}}</li>
    <li>Email: {{Data → Email}}</li>
    <li>Message: {{Data → Message}}</li>
</ul>
<p>Best regards,<br>
The [Your Company] Team</p>

Complete the remaining email settings:

5. Review the From Name and From Email fields, which will auto-populate (adjust if needed).
6. Optionally, add attachments, CC, or BCC recipients as needed.
7. Click Save to save your email configuration.

Step 7: Activating your Webflow form email 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 usually the best option for form submissions. This ensures emails are sent right away.

Step 8: Testing the complete Webflow form to email automation workflow

1. Go to your published Webflow site.
2. Submit another test form.
3. Check the inbox of the email address you used to verify that you received the confirmation email.
4. If needed, return to Make to adjust the email content, subject line, or other settings.

Advanced Webflow form email automation with Make

Once you've set up the basic Webflow form to email automation, Make offers several powerful features to enhance your workflow. These advanced capabilities allow you to create more sophisticated, reliable, and professional email automations. If you need help implementing any of these (or any other customization to your automation flow), get in touch with our team.

Adding conditional logic to Webflow form emails

Make allows you to create different email responses based on form selections:

1. Click the wrench icon on the connection line between your Webflow and Email modules.
2. Select "Set up a filter".
3. Give the filter a label (e.g., "Service Equals Consulting").
4. Set the condition by choosing a form field (e.g., "Service"), an operator (e.g., "Equal to"), and the value to match (e.g., "Consulting").
5. Click Save.

You can then add a second Email module with a different filter to send alternative emails based on different form selections.

Error handling for Webflow form automations

For more robust automation, consider adding error handling to your Make scenario:

1. Add a "Router" module after your Webflow trigger.
2. Create one path for successful form processing (connecting to your normal email module).
3. Create a second path for error handling that sends you a notification if the process fails.

Improving Webflow form email deliverability

While the basic "Email" module works for most cases, you can improve deliverability by:

1. Connecting directly to email services like Gmail, Outlook, SendGrid, or Mailgun in Make.
2. Setting up proper SPF and DKIM records for your domain if using the standard email module.
3. Avoiding spam trigger words in your email subject and content.

Using Zapier as an alternative for Webflow form emails

While Make is our recommended solution, Zapier is a solid alternative if you're already using it for other automations:

1. Create a Zapier account or log into your existing account.
2. Create a new Zap with Webflow as the trigger app and "New Form Submission" as the trigger event.
3. Select your Webflow site and form from the dropdown options.
4. Add an action step using either Email by Zapier or your preferred email service (Gmail, Outlook, etc.).
5. Configure the email details similarly to the Make instructions above.
6. Test and activate your Zap.

The main drawback with Zapier is you'll only get 100 tasks per month on their free plan, compared to Make's 1,000 operations. If you're expecting more than a handful of form submissions weekly, Make will likely save you money in the long run.

Troubleshooting common Webflow form email issues

• Form submissions aren't triggering the automation: Make sure your Webflow site is published after making any form changes. The webhook in Make can only detect published forms.
• Make doesn't see your form submission: Try clicking "Run once" in Make before submitting your test form. This puts Make into listening mode to capture the data.
• Emails landing in spam folders: Connect to a dedicated email service like Gmail or SendGrid through Make instead of using the basic email module.
• Error messages in Make: If you see a red bubble instead of green after submitting a form, click on it to view the error details. Common issues include incorrect data mapping or invalid email addresses.

Conclusion

Setting up automated emails after Webflow form submissions doesn't have to be complicated or expensive. With Make's generous free tier and straightforward interface, you can create professional form response workflows that enhance user experience and streamline your communication process.

For most Webflow sites, the Make integration offers the perfect balance of functionality, reliability, and cost-effectiveness. Zapier remains a viable alternative, particularly if you're already invested in that ecosystem, but typically comes with higher costs for similar capabilities.

Need help implementing more complex form handling or other Webflow customizations? Our full-service Webflow agency specializes in creating tailored solutions that elevate your site's functionality while maintaining a seamless user experience.