How To Create A Form In Webflow

Quick summary

Creating a form in Webflow requires adding a Form Block from the Add Elements panel and placing all form fields inside it. Once placed, you can customize each field, configure form states, and adjust settings like form name, method, and redirect URLs directly in the sidebar.

Steps

1. Open the Add Elements menu from the sidebar.
2. Search for form elements or scroll to the Forms section, then locate the Form Block.
3. Drag the Form Block onto your page where you want the form to appear — note that all form elements must be placed inside this block.
4. After placing the block, edit or remove the default fields and buttons; use the pop-up window to configure the form name, redirect URLs, and method.
5. Review and customize each Form State (such as success and error states) individually in Webflow.
6. Add more buttons or form elements inside the Form Block as needed.
7. Select any individual form element and use the right sidebar to customize it.
8. Your form in Webflow is complete — add more fields or elements and style it to match your design.