All coursesForms
Try it: build a form
We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Try it: build a form

Practice building a form on a real Webflow site.

Try it: build a form

Practice building a form on a real Webflow site.

Ready to give it a shot?

In this practice activity, you’ll start with a partially completed form, then add and configure fields, adjust layout, and refine styles, just like you’ve seen in this course.

Because it all takes place in a sandbox link, you can explore without worrying about breaking anything. You can focus on testing ideas and getting real experience working with forms in Webflow.

Access the activity site here. Watch the video below for instructions on how to get started.

What “sandbox” means

This project is shared as a sandbox link and is read-only. That means:

  • It is not added to your Workspace
  • Changes aren’t saved and are lost anytime you close or refresh the page
  • You can’t publish from it, so live form submissions can’t be collected
  • No one else can see your work and you can’t permanently break anything

You’re free to experiment. Adjust classes. Change layout. Rename fields. Test settings. If something stops working, you can refresh the page and start again.

Explore both pages

This read-only site includes two pages:

  • Page 1 (Form - activity) is where you’ll complete the main activity.
  • Page 2 (Other forms) includes additional form examples you can explore after you finish, so you can see how different layouts, field types, and settings show up in real designs.
The sandbox site Pages dropdown, including a form activity page and “Other forms” page.

What else?

Now that you understand what native Webflow forms can do, let’s explore when it might make sense to extend or replace them with other tools and workflows.

No items found.

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

Course progress

0%

Assessment

Up next

Extending beyond native forms

How native forms, third-party forms, and integrations fit different workflows
Complete & continue
Complete course