To ensure that contact forms submitted on websites created using Webflow are sent directly to your client's mailbox instead of a third-party service like Mailchimp, you need to set up proper email notifications in Webflow.
Here's a step-by-step guide to setting up email notifications in Webflow:
1. Add a Form element to your Webflow project by dragging and dropping it onto your desired page.
2. Customize the form by adding input fields such as Name, Email, and Message as needed. You can use the Form Block settings in the right panel to add and edit these fields.
3. Once you have configured your form fields, click on the Form element, and in the right panel, you will find the Form Settings. By default, Webflow uses its own form submission handling, but we need to change that.
4. In the Form Settings panel, click on the "Open form settings" button. This will open the Form Notifications panel.
5. In the Form Notifications panel, you'll find two settings: "Email notifications" and "Success state." For now, focus on the Email notifications section.
6. In the Email Notifications section, you can add the email address where you want the submitted form data to be sent to. Click on "Add an email address," and enter your client's email address.
7. If your client wants to receive additional information along with the form submission, you can customize the email subject and body to include the data from the form fields using placeholders. For example, you could use {{Name}}, {{Email}}, and {{Message}} to include the corresponding form field values.
8. Next, click on the "Reply-to settings" button. Make sure the "Reply-to" email is set to the email input field from your form. This way, when your client receives an email notification, they can directly reply to the person who submitted the form.
9. Finally, click on the "Save" button to apply the changes to your form settings.
By following these steps, when a user submits a form on your website, the form data will be directly sent to your client's email address without requiring any third-party services like Mailchimp. Your client will receive an email notification with the submitted form data, and they can respond to the user using the "Reply-to" email address.
It's important to let your client know that they need to check their spam folder or whitelist the email address used in the form notifications to ensure that they receive all form submissions.