Form submissions

The UI in this lesson may seem different if you've enables the Style Panel Beta! This content will be updated soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
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
  1. Set form notification settings
  2. Access form submissions
  3. Download form submissions and save submitted files
  4. Delete form submissions
  5. Hide form submissions
Before you get started

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

Learn more about Form data & GDPR. Also, checkout the common questions section below.

If you're having trouble receiving notifications, check the Troubleshooting section below.

Set form notification settings

You can set up the form notification settings under project settings → forms tab. Once you've set the form notification settings, make sure to save these settings and publish your site to start receiving form notifications.

 

Configure how and where to receive form 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.
Note that if you’re using a role-based email addresses (e.g. admin@ or info@ or support@, etc...) your email may be blacklist due to the mail provider bouncing emails, and so you may not receive submissions. This depends on your email provider.
To ensure that your email is receiving the submissions, send some test form submissions and check that they are received at the email or emails you've set up in your Form Notification Settings. You may also test the validity of your email using a trustworthy online email checker.
  • 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.

Use form variables to generate custom field values

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}}

Access 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

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.

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.

Download form submissions and save submitted files

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.

Save 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.

Delete 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.
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.

Hide 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.

Show hidden form submissions

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

Troubleshooting

If you stopped receiving form notifications do the following:

  • check your form notification settings. Save the settings and publish your site again. Test the form again.
  • check under project settings → billing that your site plan is active/renewed.
  • Check that your email address is not blacklisted by your email provider. usually, role-based emails (eg. admin@, info@, support@...) may be blocked by the email provider. If this is the issue, make sure to use a name-based address instead (eg. Jane@, Jim@, Joe@,...)

If the issue continues, contact support.

Common questions

Do I need to enable Webflow hosting to receive form submissions?

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.

What are the form submission limits?

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.

What's the form file upload storage limit?

Form file upload storage is free up to 10GB, and $0.50/month per GB after that. You can clear storage by deleting submissions.

Are form 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.

Why can't I access form data in the form submissions section?

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.

Why can't I download/export form data?

Exporting form submission data is only available if you haven't hidden form submissions.

Browser support

Can I Use ? Data on support for the feature across the major browsers from caniuse.com.

Was this helpful?
OR

Thanks for the feedback! If you can, please add additional feedback below.

Oops! Something went wrong while submitting the form

Thank you! Your feedback has been received!

Oops! Something went wrong while submitting the form