Form submissions

If you've enabled Webflow hosting on 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.
Must know
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.
When set, email notifications will be sent from an 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.

Setting form notifiation 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 submissionon 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 anu of the variables mentioned below, or even write custom HTML.
 

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

Accessing form submissions

By default, you can access form submission data in your project settings and in the Editor.

Form submissions in project settings

If you haven't hidden form submissions, you can access and view the form submission data of each project in project settings → forms tab → form submission data section.

Form submissions in the Editor

Anyone with access to the Editor will also be able to view and export form submissions made on the website. When logged in to the website through the Editor, simply click the forms tab in the Editor panel.

Need to know
The Editor’s forms tab is only visible when there are form submissions for that site.
Also, if you've hidden form submissions, the Editorforms tab will only be accessible by collaborators when accessing the Editor by appending ?edit to their site's domain (ex. domain.com?edit.)

Downloading form submissions

You can download your form submissions in CSV format using the Download CSV button under the Form submission data in both the Project settings and the Editor.

 

Deleting form submissions

You can delete form submissions from the Forms tabs of both Project settings and the Editor.

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 the forms tab of the project settings 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 tab → form submissions section 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.
Declare that you're not the "data controller" of a site by hiding the form submissions of that site from the project settings.
Need to know

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