New to Webflow forms?

No worries! This guide will walk you through the basic steps to help you set up your first form.
Written by Hernan Zapata
Updated 5 months ago

Welcome to Webflow Forms!

Are you new to using forms in Webflow? No worries! This guide will walk you through the basic steps and concepts to help you set up your first form. Forms are a fantastic way to collect information from your visitors, whether it’s a contact form, survey, or feedback request.

Step 1: Adding a Form to Your Webflow Project

1. Drag and Drop the Form Block

  1. Open your Webflow project and navigate to the Add Elements panel (press "A" on your keyboard).
  2. Find the Form block and drag it onto your page where you want the form to appear. This block includes a basic form setup with fields for Name, Email, and a Submit button.

For more details, check out Webflow University’s Intro to Forms.

2. Understanding Form Elements

  • Form Wrapper: This is the container that holds all the form elements.
  • Form: The main component where users will input their data.
  • Form Field: These are the individual input fields where users enter their information (like Name or Email).
  • Submit Button: The button users click to submit the form.

Learn more about form elements in Webflow's Guide on Form Elements.


That’s it! You’ve just added a basic form to your Webflow project. With these simple steps, you can now start collecting valuable information from your visitors. And more important, connect it to your customer's worskpaces without headaches ;)

For more detailed instructions and to see examples, visit the Webflow University Intro to Forms page. Happy form building!

Did this answer your question?