How can I ensure that contact forms submitted on websites created using Webflow and exported to clients' hosting companies are still sent directly to the client's mailbox, rather than a third-party service like Mailchimp?
TL;DR
- Set up a custom server-side form handler on the client’s host to process form submissions and send emails.
- Update the exported form’s action attribute to point to this handler and implement spam protection and proper email configurations.
To ensure contact form submissions on exported Webflow websites are sent directly to a client's email inbox, you'll need to bypass Webflow's built-in form processing and set up a custom backend email handler on the client’s hosting platform.
1. Understand Webflow Export Limitations
- Webflow forms only work on Webflow-hosted sites unless you implement your own form submission backend.
- When exporting the site, Webflow removes its form handling features, as they rely on Webflow servers.
2. Use Server-Side Form Handling on Client’s Hosting
- The client’s host must support server-side scripting (e.g., PHP, Node.js, or Python).
- You or the client will need to insert a custom form handler script on the server that:
- Processes
POSTrequests from the form. - Sends the form data to the client’s email using the host’s mail service or SMTP.
3. Modify the Exported Form Action
- Change the
<form>'sactionattribute (in the exported HTML) to point to your custom script. Example: - From:
action="/" - To:
action="/form-handler.php"(or equivalent path on the server)
4. Prevent Spam with Basic Protection
- Implement basic spam protection, such as a honeypot field or reCAPTCHA.
- This helps ensure only real users can submit the form.
5. Configure Mail Parameters Properly
- Ensure the form handler:
- Specifies a valid
To:email address (the client’s mailbox). - Contains a matching
From:field that complies with SPF and DKIM rules to avoid spam filters. - If necessary, the client’s host should provide SMTP credentials for authenticated sending.
6. Test the Submission
- Upload the files and test live, validating:
- Forms submit without 500 errors.
- Emails are received by the client.
- Spam filters are not marking emails as junk.
Summary
To send form submissions directly to your client's inbox on exported Webflow sites, use a custom server-side form handler on the client’s host and point the form’s action to it. Webflow’s built-in form processing won’t work outside its hosting.
