Uploaded March 2026 | Updated September 2026, 3 weeks ago

---

In this lesson, you'll learn how to build, configure, and style a form in Webflow from scratch. We cover everything from dragging in a form block to styling focus states, handling success and error messages, and testing your form before launch.

0:00 – Introduction
0:40 – Adding a Form Block
2:20 – Configuring Form Elements & Input Settings
4:36 – Styling Labels & Input Fields
6:30 – Styling the Focus State & Border Trick
8:24 – Styling the Submit Button
8:54 – Success & Error Form States
9:48 – Preview & Testing Your Form
10:23 – Recap & Next Steps

Don't forget to check out our follow-up lesson on managing form submissions in Webflow site settings! youtu.be/1E7a1EGXIgE

Check out the full course on Webflow University:
university.webflow.com/courses/forms

----------
Get started with Webflow: wfl.io/2r7cVUW
Join the Webflow Community: webflow.com/community

webflow.com
university.webflow.com
https://x.com/webflow
instagram.com/webflow
tiktok.com/@webflow
facebook.com/webflow