To direct form submissions to different email addresses in Webflow, you can use the built-in form submission feature along with custom code. Here's a step-by-step guide:
1. Create your form in the Webflow Designer: Start by adding a form element to a page in the Designer. You can customize the form fields according to your requirements.
2. Configure form settings: With the form selected, go to the right-side panel and click on the "Settings" tab. Here, you can set the form name, success and error messages, and enable email notifications.
3. Set up email notifications: Click the "Enable Email Notifications" checkbox to activate this feature. You'll see options to enter an email address and customize the email subject and body.
4. Add custom code: Now, go to the "Custom Code" tab in the right-side panel. Under the "Head Code" section, add the following JavaScript code:
```javascript
```
Make sure to replace 'your-form-id' with the actual HTML ID of your form, and 'email' with the name or class of your email field.
5. Publish and test: After adding the custom code, publish your Webflow site and test the form by submitting it with different email addresses. The form submissions should be directed to the corresponding email addresses based on the email field value.
This approach utilizes JavaScript to dynamically modify the form's action URL based on the email address entered by the user. You can add more cases to the `switch` statement to handle additional email addresses if needed.
Note: This solution assumes that you're using the Webflow form submission feature. If you prefer a more advanced form processing solution, you can integrate Webflow with third-party form processors like Zapier or Integromat to achieve more flexibility in directing form submissions to different email addresses.