How can I handle multiple forms on a Webflow site and have each form submit to a different email address?

To set up multiple forms on a Webflow site where each form submits to a different email address, you need to utilize third-party integrations or custom code, as Webflow's native form system sends all submissions to the same email. Here's how you can do it: 

​

1. Use a Third-Party Form Handling Service

• Select a service like Zapier, Make (Integromat), or Formspree to handle form submissions.
• Create an account on the selected service platform.
• Set up a new form submission task to catch submissions from your Webflow form and forward them to the desired email address.

​

2. Embed Custom Form Code

• Utilize custom code to embed forms that are managed by third-party services like Typeform or Google Forms.
• Copy the embed code provided by the third-party service.
• Add an Embed element on Webflow and paste the embed code. This links directly to the third-party form submission.

​

3. Use Webflow's Zapier Integration

• Connect Webflow to Zapier by selecting Webflow as a trigger for new form submissions.
• Create Zaps that send form submissions to different emails depending on the specific Webflow form.
• Choose "Email by Zapier" as an action in your Zaps to specify which email address should receive the form data.

​

4. Implement Server-Side Handling

• Develop a custom server-side script (using platforms like AWS Lambda or Google Cloud Functions) to handle form submissions.
• Point your Webflow form's action attribute to your server script's URL where each form can identify itself (through hidden fields in the form HTML) and redirect to the corresponding email.

​

Summary

To handle multiple forms with different email targets in Webflow, leverage third-party services like Zapier, custom form codes, or server-side scripts. Webflow’s native setup doesn’t allow for email differentiation directly, so external tools provide the flexibility needed for this functionality.