Light mode Switch to Dark mode High contrast

All courses

Forms

Login with your Webflow account to track your progress

Forms

Design and build forms that turn visits into messages, signups, and real follow-ups.

Forms are how people get in touch, request demos, sign up for updates, and share information through your site. In Webflow, forms are built using native elements that control both what visitors see and what happens after they submit.

In this course, you’ll learn how forms work in Webflow from end to end. You’ll design forms that are clear and accessible, build and style them using native form elements, and set them up so that submissions are handled correctly and easy to review once your site is live. Plus, we’ll look at how to extend beyond native forms with third-party forms or external workflows.

By the end of this course, you’ll be able to:

  • Choose the right form setup for common use cases
  • Build and style forms using native Webflow elements
  • Configure form settings and notifications
  • Review, export, and troubleshoot form submissions
  • Apply best practices around accessibility, privacy, and spam handling
  • Identify when embedded third-party forms or external workflows are a better fit

Table of contents

1

Getting started

Getting started

Getting started

Coming soon

1

What forms are in Webflow 3:00

What forms are in Webflow

Coming soon

1

How submissions work 3:00

How submissions work

Coming soon

2

Design & build forms

Design & build forms

Design & build forms

Coming soon

2

Build & style forms 10:45

Build & style forms

Coming soon

2

Form layout & style 5:00

Form layout & style

Coming soon

2

Fields & settings 4:30

Fields & settings

Coming soon

2

Managing form

Usability & accessibility 5:30

Usability & accessibility

Coming soon

3

Manage submissions & follow-up

Manage submissions & follow-up

Manage submissions & follow-up

Coming soon

3

Managing form submissions 7:12

Managing form submissions

Coming soon

3

Submission storage & review 5:00

Submission storage & review

Coming soon

3

Notifications, spam, & data basics 3:30

Notifications, spam, & data basics

Coming soon

4

Wrap up

Wrap up

Wrap up

Coming soon

4

Forms best practices 3:00

Forms best practices

Coming soon

4

Try it: build a form 15:00

Try it: build a form

Coming soon

4

Extending beyond native forms 3:30

Extending beyond native forms

Coming soon

4

Additional resources 2:00

Additional resources

Coming soon

Forms - 图1

Progress

0%

Details

Intermediate

1h 11m

13

Lessons

Practice building a form

Assessment

Test your knowledge

Enroll Now →

Continue Learning

Forms - 图2<h3>Intro to Optimize</h3>Learn how to use Webflow Optimize to improve your site's conversion rate using testing, personalization, and AI Optimize.

Forms - 图3<h3>Webflow 101</h3>Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.

Forms - 图4<h3>Prepare to publish your site</h3>Learn how publishing works in Webflow, manage site changes with confidence, and prepare for launch.

Forms - 图5<h3>Webflow SEO fundamentals</h3>Learn how to plan, build, and maintain a search-friendly Webflow site using best practices and built-in SEO tools.

Forms - 图6<h3>Take your app live with Webflow Cloud</h3>Prepare and deploy an existing app, connect live data, and keep it running.

Forms - 图7<h3>Collaborate with your team</h3>Learn how to set up roles, permissions, and workflows in Webflow so your entire team can work together safely, confidently, and efficiently.

{
  "@context": "https://schema.org",
  "@type": "Course",
  "name": "Forms",
  "description": "Design and build forms that turn visits into messages, signups, and real follow-ups.",
  "url": "https://university.webflow.com/courses/forms",
  "inLanguage": "en",
  "provider": {
    "@type": "Organization",
    "name": "Webflow University",
    "sameAs": "https://university.webflow.com"
  }
}