How can I set up a submission receipt for customers on Webflow so they receive a confirmation of their form submission via email?
TL;DR
- Use tools like Zapier, Make, or third-party form handlers (e.g., Formspree, Basin) to send automatic confirmation emails after Webflow form submissions.
- Connect your Webflow form to one of these services, configure the email recipient and message, and enable the automation to trigger upon form submission.
To send a submission receipt email to users after they fill out a form in Webflow, you need to integrate Webflow with an external email service since Webflow does not natively support sending autoresponder emails to form submitters.
1. Use Webflow Form Settings (Baseline Setup)
- Webflow’s native form badge sends email notifications to you, not to users.
- You’ll need an external automation tool or form handler for user-facing confirmation emails.
2. Use Zapier to Send Confirmation Emails
- Sign up or log into Zapier.
- Create a new Zap with Webflow as the trigger.
- Choose trigger event: “Form Submission”.
- Connect your Webflow site, then choose the relevant form.
- For the action, set up Gmail, Mailchimp, SendGrid, or another email service.
- Assign fields like user’s email, a subject line, and a custom message body.
- Turn on the Zap to automate confirmation emails based on the form data.
3. Use Make (Alternative to Zapier)
- Log in to Make (formerly Integromat).
- Create a scenario that starts with a Webflow form submission (requires API connection).
- Add an action module (e.g., send email via Gmail or SMTP).
- Use the form’s email input field as the recipient.
- Format the message with dynamic values like name or submitted info.
4. Use Third-Party Form Handlers (e.g., Basin, Formspree)
- Replace Webflow’s native form handling with a third-party form service that supports autoresponders.
- Examples:
- Formspree: Add their action endpoint and enable “Autoresponse.”
- Basin: Offers auto-confirmation emails with its hosted form.
- Update your form’s action attribute and method via the Form Settings Panel → Form Action.
5. Include Confirmation on the Page
- Even without email receipts, users should see an on-page success message.
- In the Form Block settings, customize the Success Message container with a thank-you note or additional info.
Summary
Webflow does not send confirmation emails to form submitters by default. To send a submission receipt, use tools like Zapier, Make, or third-party form handlers (Basin, Formspree). These solutions allow you to capture form data and send an automatic email to the customer after submission.