Long Form with multiple sections

Design help Layout & Design
1

I have an extremely long form that users will fill out. Because of that, I’ve broken it into sections and each section is an accordion that will open to display selections. I’ve included a link to the design that I’m using.

I’m a little fuzzy on how I can include all the sections into a single form element in WF.

A little help please…

Here is my site Read-Only: [LINK](Webflow - PantryChef)
(how to share your site Read-Only link)

2

Hi Alex, you’ve only included a Figma link.
Where are you stuck?

You can simply add the DIVs and Interactions for your accordion directly inside of the form element, and wrap your inputs into the groupings you want.

Note however you’ll want to be careful about form validation, since you are hiding parts of the form. An invalid field entry will prevent form submission, but the section containing that field might be hidden in a collapsed accordion panel, so users may not know what to fix.

3

Form Link

4

So I just put everything in the form block?

5

If you’re choosing to design it as one big form, then yes.