Tools: Report: How to Send a Confirmation Email to Your Webflow Form Submitters Without Zapier or Make

Tools: Report: How to Send a Confirmation Email to Your Webflow Form Submitters Without Zapier or Make

Why Webflow Cannot Send Confirmation Emails to Submitters

What Happened to Webflow Logic

The Workaround Most People Find

The Simpler Solution: Replace the Webflow Form With a Formgrid Endpoint

What You Will Need

Part One: Set Up Your Formgrid Form

Step 1: Create Your Formgrid Account

Step 2: Create a New Form

Step 3: Copy Your Endpoint URL

Part Two: Update Your Webflow Form

Step 4: Open Your Webflow Form Settings

Step 5: Set the Form Action URL

Step 6: Check Your Field Names

Step 7: Publish Your Webflow Site

Step 8: Submit a Test Entry

Part Three: Set Up Auto-Responder Emails in Formgrid

Step 9: Open Your Form Settings

Step 10: Find the Auto-Responder Section

Step 11: Enable the Auto-Responder

Step 12: Write Your Auto-Responder Email

Step 13: Preview and Save

Part Four: Test the Full Flow

Step 14: Submit a Real Test Entry

What the Complete Flow Looks Like

Comparing the Two Approaches

What Else Is Included in Formgrid Premium

Frequently Asked Questions

Final Thoughts Someone fills out your Webflow contact form. They click submit. They wait. Nothing arrives in their inbox. No confirmation. No acknowledgement. No "thank you, we received your message." Just silence. They wonder if the form worked. They submit it again. You receive two identical enquiries and have no idea which one to respond to. This is one of the most common frustrations Webflow users run into. Your form looks professional. Your site looks polished. But the moment someone submits your form, they get nothing back. This post explains exactly why this happens, why the most commonly suggested fixes no longer work, and how to solve it completely in about 5 minutes, without Zapier, Make, or MailerSend. Webflow's native form handling notifies you when someone submits your form. Not to notify them. By default, Webflow sends an email to the address associated with your Webflow account every time a form is submitted. You can customize who receives that notification, what the subject line says, and what the body contains. But that notification goes to you. Not to the person who submitted the form. There is no native setting in Webflow that sends an automatic confirmation email back to the submitter the moment they fill in your form. For a while, there was hope that Webflow Logic would solve this. Webflow Logic was an automation feature that allowed you to build workflows triggered by form submissions, including sending emails to submitters. Webflow Logic was discontinued on June 27, 2025. If you have read tutorials suggesting you use Webflow Logic for auto-responder emails, those tutorials are now outdated. Webflow Logic no longer exists. After discovering that Webflow cannot do this natively, most people find the same workaround:

Connect Webflow to MakeConnect Make to MailerSendBuild a scenario that triggers when a form is submittedMap the form fields to email variablesSend the confirmation email through MailerSend This works. But it requires:A Make account: $9 to $16 per monthA MailerSend account: free to $30 per monthSeveral hours to set up and testA dependency on three separate servicesthat can each break independently You are paying for multiple subscriptions and maintaining a complex integration just to send one confirmation email when someone fills in a form. There is a simpler way. Formgrid is an open-source form backend that works with any website, including Webflow. Instead of Webflow handling your form submissions, you point your form at a Formgrid endpoint URL. Formgrid receives every submission, saves it to your dashboard, sends you an email notification, and automatically sends a branded confirmation email back to the person who submitted the form. Auto-responder emails are included on the Premium plan at $12 per month. No Zapier. No Make. No MailerSend. No complex scenarios to build or maintain. Here is exactly how to set it up. A Formgrid account: Sign up for free at formgrid.devNo credit card requiredAuto-responder emails are availableon Premium at $12 per monthA Webflow site with a form:Any Webflow form worksContact forms, enquiry forms,registration forms, booking formsA Google account (optional):If you also want submissions to landin Google Sheets automatically Go to formgrid.dev and sign up using Google or your email address. No credit card required. The free plan lets you test the setup and receive submissions. Upgrade to Premium at $12 per month to enable auto-responder emails. Once you are in your Formgrid dashboard, click New Form. Give it a name that matches the Webflow form you are connecting to. For example, "Contact Form" or "Booking Enquiry." You are not building a form inside Formgrid here. You are registering a form entry in your dashboard so Formgrid knows where to route incoming submissions from Webflow. Your actual form fields stay exactly as they are in Webflow. After creating your form, open it in your Formgrid dashboard. You will see your unique endpoint URL displayed prominently in the Overview tab. Copy this URL. You will need it in the next section when you update your Webflow form settings. This URL is permanent. It does not change when you update your form settings, connect integrations, or make any other changes inside Formgrid. You set it once in Webflow and never need to touch it again. Log in to your Webflow account and open the project containing the form you want to connect. In the Webflow Designer, click on your form element to select it. Then open the form settings panel. In the form settings panel, locate the Action field. By default, this is either empty or set to Webflow's internal submission handler. Replace the existing value with your Formgrid endpoint URL: Set the Method to POST if it is not already set. Formgrid uses the name attribute of each form field to identify submissions and to populate variables in your auto-responder email. In the Webflow Designer, click on each input field in your form and check the name value in the element settings panel. Make sure the email field is named "email" exactly. Formgrid uses this field to know where to send the confirmation email. Field names like "name", "email", "phone", and "message" will produce clean, readable variables in your auto-responder template. Update any that are unclear or auto-generated by Webflow. Once you have updated the form action URL and reviewed your field names, publish your Webflow site to push the changes live. The Formgrid endpoint will not receive any submissions until your site is published. Before setting up the auto-responder, confirm that submissions are reaching Formgrid correctly. Visit your live Webflow site, fill in your form with test data, and submit it. Open your Formgrid dashboard and check the submissions list for your form. The test entry should appear within a few seconds. If the submission does not appear, go back to your Webflow form settings and confirm that the action URL is set correctly and that the method is POST. Also, confirm that you published the site after making the change, since unpublished changes in Webflow do not take effect on the live site. This is where Formgrid replaces the entire Webflow + Make + MailerSend workflow. Auto-responder emails are built directly into Formgrid. No external services required. In your Formgrid dashboard, open the form you just connected and click the Settings tab at the top of the page. Scroll down to the Auto-Responder Emails section. If you are on the Premium plan at $12 per month, you will see the full auto-responder configuration. If you are on the free plan, you will see a prompt to upgrade. Toggle the auto-responder on. Once enabled, Formgrid will automatically send a confirmation email to the email address submitted in your form every time someone fills it in. The email field in your Webflow form must be named "email" for Formgrid to know where to send the confirmation. If your email field has a different name attribute, update it in your Webflow Designer and republish. Set your subject line and write the body of your confirmation email. Formgrid uses Mustache templating, which lets you personalize the confirmation email with the actual values submitted in the form. The available variables are: For example if your Webflow form has a field with name="name" you can use {{ name }} in your auto-responder to greet the submitter by their actual name. A simple confirmation email template that works for any form: For a booking or registration form where you want a more specific branded confirmation: The variable {{ name }} must match the name attribute of your Webflow form field exactly. If your name field has name="fullName" then use {{ fullName }} in your template. Click Preview to see exactly how your confirmation email will look with sample data substituted in. When you are happy with it, click Save. From this point on, every submission through your Webflow form will automatically trigger a confirmation email to the submitter. Every single time. Instantly. Visit your live Webflow site and fill in your form using a real email address you have access to. Submit the form. Within a few seconds, you should receive two emails:Email 1: Your notification emailSent to you as the form ownerContains the submission dataEmail 2: The auto-responder confirmationSent to the email address you submittedContains your branded confirmation message Your Notification Email: Auto-responder/Confirmation Email: If the auto-responder does not arrive, check your spam folder first. Then confirm in your Formgrid settings that the auto-responder is toggled on and that your form has an "email" field named correctly. Once everything is set up here is exactly what happens every time someone fills in your Webflow form:Visitor fills in your Webflow formand clicks SubmitThe browser sends the data directlyto your Formgrid endpointFormgrid receives and saves thesubmission to your dashboardEmail notification sent to youand any other configured recipientsAuto-responder confirmation emailsent instantly to the submitterSpam protection runs in the backgroundto filter out bot submissionsIf Google Sheets is connected, a newrow is added to your spreadsheet Your submitter gets an instant professional confirmation. You get a clean, organized notification. The submission is saved in your Formgrid dashboard as a tracked lead. All of this happens automatically with no Zapier, no Make, and no MailerSend involved. Here is the honest comparison between the Webflow + Make + MailerSend workaround and the Formgrid approach: Webflow + Make + MailerSend:Setup time: 2 to 4 hoursMonthly cost: $9 to $46 acrossthree servicesDependencies: three separate servicesthat can each breakindependentlyMaintenance: occasional scenariofailures to debugDelay: slight delay between submission and confirmation email Formgrid Premium:Setup time: 5 to 10 minutesMonthly cost: $12 per month totalDependencies: one serviceMaintenance: noneDelay: confirmation sent instantlyon submission Auto-responder emails are just one part of the Formgrid Premium plan at $12 per month. The full plan includes:1,000 submissions per monthFile uploads up to 1GB per fileGoogle Sheets syncs 500 rows per monthLead pipelineCSV export of all submissionsRemove Formgrid brandingUp to 3 email notification recipientsAuto-responder emails to submittersAdvanced spam protection And if you need custom-branded email templates for your notification emails or unlimited Google Sheets sync, the Business plan at $29 per month includes everything in Premium plus:Custom HTML email templatesUnlimited Google Sheets syncWebhooks and Zapier integration15,000 submissions per monthPriority support with direct access

to the founder Does this replace my Webflow form or modify it? It replaces where Webflow sends the submission data. Your form still looks and works the same for your visitors. The only change is in the form Action URL setting in your Webflow Designer. Your form design, fields, and styling are completely unchanged. What if my Webflow form has a field named something other than "email"? Formgrid looks for a field named "email" to send the auto-responder. If your email field has a different name attribute, update it in your Webflow Designer to "email" and republish your site. Will my Webflow success message still show after submission? Yes. Webflow shows its success message based on the form submission event in the browser. Since you are still submitting the same Webflow form, the success message behavior is unchanged. Can I use this with multiple Webflow forms? Yes. Create a separate form in your Formgrid dashboard for each Webflow form you want to connect. Each one gets its own endpoint URL and its own auto-responder configuration. What happens if someone submits the form but enters a fake email? The auto-responder will attempt to deliver to whatever email was entered. If the email bounces or does not exist, Formgrid handles the bounce gracefully. The submission is still saved to your dashboard, so you never lose the data. Is Formgrid open source? Yes. Formgrid is fully open source under the MIT license. You can self-host it for free using Docker if you prefer to run your own instance rather than using the managed version. Webflow builds beautiful websites. But when it comes to sending confirmation emails back to your form submitters, it has never offered a native solution. Webflow Logic was the closest thing to a fix, and it was discontinued in June 2025. The workaround of connecting Webflow to Make to MailerSend works, but it is complex, expensive, and fragile. Three tools that can each fail independently for a feature that should be a single checkbox. Formgrid solves this with one endpoint URL change in your Webflow Designer and a few minutes of configuration in your Formgrid dashboard. Every submitter gets an instant professional confirmation. Every submission is saved as a tracked lead in your dashboard. Google Sheets sync is included. No Zapier required. If you are running a Webflow site and your form submitters are currently getting no confirmation after they submit, this setup will fix that completely in the time it takes to make a coffee. 👉 Start free at formgrid.dev No credit card required. Auto-responder emails are available on Premium at $12 per month. Upgrade when you are ready. If you have questions about connecting your specific Webflow form, reply in the comments or email [email protected] directly. I read and reply to every message. Full disclosure: I built Formgrid. Written as honestly as I could. Let me know in the comments if anything looks off or inaccurate. Templates let you quickly answer FAQs or store snippets for re-use. Hide child comments as well For further actions, you may consider blocking this person and/or reporting abuse

Code Block

Copy

https://formgrid.dev/api/f/your-form-id https://formgrid.dev/api/f/your-form-id https://formgrid.dev/api/f/your-form-id {{ _formName }} Name of your form {{ _time }} Submission timestamp {{ fieldName }} Any field by its exact name attribute {{# fields }} Loop through all fields {{ _name }} Field label {{ _value }} Field value {{/ fields }} Close the loop {{ _formName }} Name of your form {{ _time }} Submission timestamp {{ fieldName }} Any field by its exact name attribute {{# fields }} Loop through all fields {{ _name }} Field label {{ _value }} Field value {{/ fields }} Close the loop {{ _formName }} Name of your form {{ _time }} Submission timestamp {{ fieldName }} Any field by its exact name attribute {{# fields }} Loop through all fields {{ _name }} Field label {{ _value }} Field value {{/ fields }} Close the loop <div style="font-family: sans-serif; max-width: 600px; margin: 0 auto; color: #1f2937;"> <h2 style="color: #1d4f3d;"> Thanks for reaching out </h2> <p> Hi {{ name }}, we have received your message and will get back to you shortly. </p> <p style="color: #6b7280;"> Here is a summary of what you submitted: </p> {{# fields }} <div style="margin-bottom: 12px; border-bottom: 1px solid #f3f4f6; padding-bottom: 12px;"> <p style="margin: 0; font-size: 11px; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em;"> {{ _name }} </p> <p style="margin: 4px 0 0; font-size: 14px; color: #374151;"> {{ _value }} </p> </div> {{/ fields }} <p style="margin-top: 24px; color: #6b7280; font-size: 13px;"> Submitted: {{ _time }} </p> </div> <div style="font-family: sans-serif; max-width: 600px; margin: 0 auto; color: #1f2937;"> <h2 style="color: #1d4f3d;"> Thanks for reaching out </h2> <p> Hi {{ name }}, we have received your message and will get back to you shortly. </p> <p style="color: #6b7280;"> Here is a summary of what you submitted: </p> {{# fields }} <div style="margin-bottom: 12px; border-bottom: 1px solid #f3f4f6; padding-bottom: 12px;"> <p style="margin: 0; font-size: 11px; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em;"> {{ _name }} </p> <p style="margin: 4px 0 0; font-size: 14px; color: #374151;"> {{ _value }} </p> </div> {{/ fields }} <p style="margin-top: 24px; color: #6b7280; font-size: 13px;"> Submitted: {{ _time }} </p> </div> <div style="font-family: sans-serif; max-width: 600px; margin: 0 auto; color: #1f2937;"> <h2 style="color: #1d4f3d;"> Thanks for reaching out </h2> <p> Hi {{ name }}, we have received your message and will get back to you shortly. </p> <p style="color: #6b7280;"> Here is a summary of what you submitted: </p> {{# fields }} <div style="margin-bottom: 12px; border-bottom: 1px solid #f3f4f6; padding-bottom: 12px;"> <p style="margin: 0; font-size: 11px; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em;"> {{ _name }} </p> <p style="margin: 4px 0 0; font-size: 14px; color: #374151;"> {{ _value }} </p> </div> {{/ fields }} <p style="margin-top: 24px; color: #6b7280; font-size: 13px;"> Submitted: {{ _time }} </p> </div> <div style="font-family: sans-serif; max-width: 600px; margin: 0 auto; color: #1f2937;"> <h2 style="color: #1d4f3d; border-bottom: 2px solid #e8f3ee; padding-bottom: 10px;"> Your enquiry has been received </h2> <p> Hi {{ name }}, </p> <p> Thank you for getting in touch. We have received your enquiry and someone from our team will respond within 24 hours. </p> <p> If you have any urgent questions in the meantime feel free to reply directly to this email. </p> <hr style="border: none; border-top: 1px solid #e5e7eb; margin: 24px 0;" /> <p style="font-size: 12px; color: #9ca3af;"> Submitted: {{ _time }} </p> </div> <div style="font-family: sans-serif; max-width: 600px; margin: 0 auto; color: #1f2937;"> <h2 style="color: #1d4f3d; border-bottom: 2px solid #e8f3ee; padding-bottom: 10px;"> Your enquiry has been received </h2> <p> Hi {{ name }}, </p> <p> Thank you for getting in touch. We have received your enquiry and someone from our team will respond within 24 hours. </p> <p> If you have any urgent questions in the meantime feel free to reply directly to this email. </p> <hr style="border: none; border-top: 1px solid #e5e7eb; margin: 24px 0;" /> <p style="font-size: 12px; color: #9ca3af;"> Submitted: {{ _time }} </p> </div> <div style="font-family: sans-serif; max-width: 600px; margin: 0 auto; color: #1f2937;"> <h2 style="color: #1d4f3d; border-bottom: 2px solid #e8f3ee; padding-bottom: 10px;"> Your enquiry has been received </h2> <p> Hi {{ name }}, </p> <p> Thank you for getting in touch. We have received your enquiry and someone from our team will respond within 24 hours. </p> <p> If you have any urgent questions in the meantime feel free to reply directly to this email. </p> <hr style="border: none; border-top: 1px solid #e5e7eb; margin: 24px 0;" /> <p style="font-size: 12px; color: #9ca3af;"> Submitted: {{ _time }} </p> </div>