Form submissions

If you've added a site plan to your site or if you're using the staging webflow.io subdomain, you can enable email notifications for form submissions. And, if you fully own a website (that is, it's not a client's site), then you can also access this data under the forms tab in your project settings and in the Editor.

In this lesson
Before you get started

Check out intro to forms to learn how you can create forms in Webflow.

Important
Form submissions are hosted in Webflow. To host forms externally, you'll need to use a 3rd-party tool to collect form submissions on exported sites. Or, you can embed a 3rd-party form. See form integrations.
Must know
  • Each site plan has a form submission limit (see chart). Business hosting allows for unlimited form submissions. On hosted sites, exceeding that limit will add $1 per 100 extra submissions to your next invoice. On staged sites, forms will not be submitted after the limit is reached. The count will be reset each month.
  • Form file upload storage is free up to 10GB, and $0.50/month per GB after that. You can clear storage by deleting submissions.

Setting form notification settings

You can access the form notification settings under project settings → forms tab.

 

Here, you can configure how and where you can receive this data.

  • From name —  the label of the sender of the email
  • Send form submissions to — a comma separated list of emails to send form submissions to. Leave empty if you don't want emails to be sent.
  • Subject line — the subject of the email notification for all form submission on this site. You can use form variables like {{siteName}} and {{formName}} to best differentiate your notifications.
  • Reply to address — the email address that is used if you receive a form submission email and hit reply. You can copy the {{ Name }} and {{ Email }} variables mentioned in the note next to the field and paste them right inside the field. This will ensure that replies to this email go straight to the email address that's captured on the form.
  • Email Template — how your form data is displayed in the email notification body. You can leave this as is, or use any of the variables mentioned below, or even write custom HTML.
 
  • Form submission count — disable submission count in the form notification email. This is set to on by default.

Form variables

You can fill these field with form variables which allow you to dynamically customize the text that populates the notification fields. These include:

  • {{siteName}}
  • {{formName}}
  • {{formData}} (A list of all of the form fields in the submission)
  • {{formDashboardUrl}}
Important
Once you've set the form notification settings, make sure to save these settings and publish your site to start receiving form notifications.
Are these notifications sent from an unbranded email?
Email notifications will be sent from a branded email (no-reply@webflow.com). To receive email notifications from an unbranded email address (no-reply@webforms.io), upgrade your Webflow plan to Pro.
Troubleshooting
If you stopped receiving form notifications do the following: (1) check your form notification settings. Save the settings and publish your site again. Test the form again. (2) check under project settings → billing that your site plan is active/renewed. If the issue continues, contact support.

Accessing form submissions

By default, you can access form submission data in two locations:

  • project settings → forms tab → form submission data section 
  • In the Editor → forms tab
You can access all your form submissions under project settings → forms → form submission data. Here, you can also download the data in CSV format or delete the data forever.
You can access all your form submissions under project settings → forms → form submission data. Here, you can also download the data in CSV format or delete the data forever.

Here, you’ll see the submission count and the submitted data for each form in a separate table. Submitted files will be included as clickable URLs.

Why can't I access form data?
You won't be able to access the form data if you've hidden form submissions
Why can't I access form files?
You won't be able to access file uploads if you're not logged into Webflow when login is required under project settings → forms → require login to access files.
Why can't I see the forms tab in the editor?
The Editor → forms tab is only visible when there are form submissions for that site and when form submissions aren't hidden through the project settings or the Editor.

Downloading form submissions

You can download your form submissions in CSV format by clicking the Download CSV button under your form submissions in project settings → forms → form submission data.

You can also export your form data in the Editor → forms tab.

Export your form submissions from the Editor →forms tab.
Export your form submissions from the Editor →forms tab.
Exporting form submission data is only available if you haven't hidden form submissions.

Saving file submissions

When you download your form submission data, file uploads are saved as URLs in the CSV.

We recommend that you download and save the files for safekeeping. You can do this automatically by using Zapier to send file submissions to a cloud storage provider. Alternatively, you can download individual files by right-clicking the file URL and choosing save.

Deleting form submissions

You can delete individual form submissions by clicking the trashcan icon . You can also delete the submissions of each form by clicking the delete link located below each form's data in project settings → forms → form submission data.

Delete individual form submissions or all submissions of a specific form.
Must know
Deleting form submissions will also delete the file submissions and make the file URLs inaccessible. Before you delete your form submission data, back up any file uploads you want to keep.

Hiding form submissions

If you're working on a project for a client, you should not view the form submissions for that site.

You can declare that you're not the "data controller" of this site and hide the form submission data in the project settings. This will remove the form submissions data section under project settings → forms as well as the Editor when you access it through any of the Editor buttons in the Designer, the Dashboard, and the project settings.

To hide the form submissions, go to project settings → forms → form submissions and click hide form submissions.

Declare that you're not the "data controller" of a site by hiding the form submissions of that site from the project settings.

You or collaborators can also hide form submissions from the Editor → Forms tab.

Need to know
If you fully own and control the website associated with a project, then you’re likely the "Data Controller" of that site and can access this data. If your site collects personal data from EU residents, know your responsibilities as a "data controller".
If you're the Data Controller, and you've hidden the form submissions by mistake, you can choose to show form submissions again. You can do that under project settings → forms or Editor → forms.

Form data & GDPR

Disclaimer: The content presented here is provided only for informational purposes and is not meant to serve as legal advice. You should work with professional legal counsel to determine how the GDPR may or may not apply to you.

If you host websites that collect personal data from EU residents — e.g., via form submissions or third-party scripts — you have responsibilities as a "data controller." Take the time to understand your responsibilities as a data controller, and take steps to abide by the GDPR. This data protection self-assessment checklist can be helpful.

If you’re creating forms that request personal data in Webflow, make sure to clearly ask for and get consent, unless another lawful basis for processing applies.

If you’re creating websites for clients who collect personal data on their websites, make sure your clients understand their responsibilities as a controller of that personal data.

If you’re using third-party tools (e.g., Zapier) to connect your Webflow forms to external data sources and are sending personal data using those integrations, make sure to review your responsibilities as a data controller.

Helpful resources
How to get ready for the General Data Protection Regulation — and what Webflow’s doing