Add and configure Webflow Forms and Form notifications, and manage Form submissions.
Forms are one of the most powerful tools any website can feature, whether you're gathering email newsletter signups or work inquiries from potential clients. Webflow Forms are fully customizable.
You can add a form from the Add panel (A) > Elements > Forms section.
Just drag a Form block and drop it where you want it on your page.
When you drop a Form block onto your page, you get a Form wrapper which inherits the full width of its parent element. It contains three child elements:
To customize your form, you'll be editing the content inside the Form wrapper > Form element.
By default, the form includes some essential form fields and elements. You can add and remove any form element, like an input field or a checkbox, inside the Form block to customize your form as needed. You can also add other elements like Images and Text blocks.
Double-click any form element inside of the Form block to open the settings panel. You can also access the settings by selecting the element and pressing enter.
Each form element has different input settings based on its type.
If your page loads and scrolls down automatically, make sure to uncheck the autofocus option for all input fields of your form.
The submit button has different settings.
Double-clicking the Submit button brings up the settings modal. Here, you can change the:
To access the success and error messages, select the Form wrapper and go to the Elements settings (D) tab → Form settings section. Here, you can see the show state options. Click the state that you want to edit.
When someone submits a form through one of your sites, the submitted data will be sent to the email(s) specified in your Form notification settings — and/or redirected to any 3rd-party location if you've set up your form to collect Form data elsewhere. If you fully own a website (that is, it's not a client's site), then you can also access this data and manage it in your Project settings dashboard or in the Editor dashboard.
You can access the Form notification settings under Project settings > Forms tab.
Here, you can configure how and where you can receive this data. Learn all about setting up form notifications.
If you own the project, you can also access and manage the submitted data under the Project settings > Forms tab. You can view the submissions there, or you can even download a CSV file. You can also access form submissions in the CMS Editor. Learn all about form submissions and how to manage form data.
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.
How to get ready for the General Data Protection Regulation — and what Webflow’s doing
Something went wrong while submitting the form. Please contact support@webflow.com
Got a lesson suggestion? Let us know
Need more help? Want to report a bug? Contact support
Have feedback on the feature? Submit feature feedback