If you’ve deployed your site to the webflow.io staging subdomain or to a custom domain using a Site plan, you can activate email notifications for form submissions received on your site. Additionally, if you completely own a website (i.e., it’s not a client’s site), then you can also access this information under the Forms section in your Site settings and in the Editor.
Within this guide:
- Instructions for configuring form notification settings
- Guidance on accessing form entries
- Steps for downloading form entries and safeguarding submitted files
- How to erase form submissions
- Techniques for concealing form submissions
- Tactics for averting spam in form entries
- Insights on Form data and GDPR compliance
- Frequently Asked Questions and tips for troubleshooting
Before Diving In: Refer to our introduction to forms guide to understand how to craft forms in Webflow. If you encounter difficulties in receiving form notifications, visit the FAQ and troubleshooting tips segment.
Configuring Form Notification Settings
By default, form notifications will be dispatched to the email address linked with your Webflow account. You can modify this preference and other form notification settings within the Site settings > Forms section.
Crucial Note: Employing a role-based email address (e.g., admin@, info@, support@, etc.) might lead to problems with email delivery, as these addresses are typically shared. It is advised to use a name-based email (e.g., jane@, john@…) to receive form submissions.
Setting Up the Reception of Form Data
- Sender’s Name – the designation of the email sender (e.g., Webflow Forms)
- Email Addresses to Forward Submissions to – a list of emails separated by commas where form submissions will be directed. It is advisable to only use name-based emails in this field. If you prefer no submissions to be sent, leave this field empty.
- Subject Line – the subject of the email notification for all form submissions on this site. You can incorporate form variables like {{siteName}} and {{formName}} for distinguishing your notifications (e.g., New {{formName}} submission on Webflow for {{siteName}}).
- Reply-to Address – the email address utilized when replying directly to a form submission email. You can introduce your form field names as variables here (e.g., input {{Name}} <{{Email}}> to leverage the data from your form’s “Name” and “Email” fields).
- Email Layout – the format in which your form data is exhibited in the body of the form notification email. You can retain the existing structure, use your form field names as variables, or create your personalized HTML layout.
- Submission Count Display – enable/disable submission count in the form notification email. By default, this setting is toggled to on.
Useful Tip: Only ASCII characters are supported in the Reply-to Address field.
Employing Form Variables for Custom Field Values
You can employ form variables to dynamically produce the content that fills the notification fields. These include:
- {{siteName}} – the title of your site
- {{formName}} – the name of your form
- {{formData}} – a compilation of all the form fields in the submission
- {{formDashboardUrl}} – links to the Forms section of the site linked with the form submission
Accessing Form Submissions
Form submission data can be accessed by default in 2 places:
- Site settings > Forms section > Form submission data
- Webflow Editor > Forms section
Here, you will find the submission count and the details of submitted data for each form listed in an individual table. Links to submitted files are included for easy access.
Crucial Reminder: All form names default to “Email Form.” If you maintain multiple forms on your site without assigning distinct names to them, submission data from all forms will display under “Email Form” in Site settings > Forms section > Form submission data. It is advised to designate descriptive names to your forms for better differentiation of submission data.
Downloading Form Submissions and Archiving Submitted Files
To obtain your Form submissions in CSV format:
- Go to Site settings > Forms section > Form submission data
- Scroll to the bottom of the form submissions table
- Click on Download CSV
You can also export your form data from the Forms section in the Editor.
Saving Submitted Files
When downloading your form submissions data, file uploads are preserved as URLs in the CSV file.
It is recommended to download and safeguard the files for future reference. You can automate this process by utilizing a third-party integration like Zapier to transmit file submissions to a cloud storage provider. Alternatively, you can individually download files by right-clicking on the file URL and selecting save.
Eliminating Form Submissions
To remove individual form submissions, simply click on the trash can icon. Additionally, you can erase all submissions per form by selecting Delete situated below each form’s data table in Site settings > Forms section > Form submission data.
Important Note: Deleting form submissions will also erase the file submissions and render the submitted file URLs inaccessible. Prior to deleting your form submission data, make sure to back up any file uploads that you wish to retain.
Concealing Form Submissions
If you are developing a website for a client, refraining from viewing form submissions for that specific site is recommended. By specifying that you are not the data controller of the site and concealing the form submission data in the Site settings, you can eliminate the Form submissions data section under Site settings > Forms section, as well as in the Editor.
To hide form submissions:
- Visit Site settings > Forms section > Form submissions section
- Click on Hide form submissions
The site proprietor or editors can also hide form submissions in the Editor > Forms section.