Can anyone provide code or guidance on how to make a form in Webflow email the contents of the submission to a specified email address?

Published on
September 22, 2023

To make a form in Webflow email the contents of the submission to a specified email address, you need to integrate your form with a third-party service that can handle the email functionality. One popular service that can be used for this purpose is Zapier, which allows you to automate workflows between different web applications, including Webflow and email services.

Here's a step-by-step guide on how to set up email notifications for form submissions in Webflow using Zapier:

  1. Create a Zapier account: Sign up for a Zapier account if you don't already have one.

  2. Create a new Zap: Once you're logged in to Zapier, click the "Make a Zap!" button to start creating a new Zap.

  3. Choose the trigger app: In the "Choose a Trigger App" search field, type "Webflow" and select the Webflow app from the list.

  4. Set up the trigger: Select the specific trigger event that corresponds to your form submission. For example, if you want to send an email when a new form submission is received, choose the trigger event "New Form Submission".

  5. Connect your Webflow account: Follow the on-screen instructions to connect your Webflow account to Zapier. You'll need to provide your Webflow API key, which you can obtain from your Webflow account settings.

  6. Test the trigger: After connecting your Webflow account, Zapier will verify the connection and test the trigger event by retrieving sample data.

  7. Choose the action app: In the "Choose an Action App" search field, type "Email" and select the email service you want to use for sending the email notifications, such as Gmail, Mailchimp, or SendGrid.

  8. Set up the action: Depending on the selected email service, you'll need to authorize Zapier to access your email account, and then configure the email details, including the recipient's email address, subject, and the email content.

  9. Map the fields: Zapier will display the form data received from Webflow, and you'll need to map these fields to the corresponding fields in your email service. For example, you can map the "Name" field in Webflow to the "Recipient Name" field in the email service.

  10. Test the action: After setting up the email action, you can test it by sending a test email to ensure everything is working correctly.

  11. Enable the Zap: Once you're satisfied with the setup, you can enable the Zap, which will start monitoring your Webflow form submissions and automatically send email notifications to the specified address whenever a new submission is received.

By following these steps and integrating Zapier with your Webflow account, you can easily set up email notifications for form submissions. Zapier offers a wide range of integrations with email services, allowing you to customize the email notifications and design the email content according to your requirements.

Additional Questions:

  1. How can I integrate my Webflow form with Zapier?
  2. Which email services are supported by Zapier for sending form submission notifications?
  3. Can I customize the email content and design for form submission notifications sent via Zapier?