
setup
COMPONENTS
INTEGRATIONS
FAQ
How to Create Multi-Step Forms with FramerForms
Select Multi-Step Form from the plugin
When opening the plugin, go to New Form and select Multi-Step Form.

Add in Inputs & New Pages
A new pre-built multi-step form will be inserted into the canvas. This has been pre-built with the Multi-Step component, Pages set up and the Previous/Next buttons inserted.
💡 Note: The Multi-Step component is only visible while building, this is not visible on preview or published projects.

Customize and Style
Using the Properties panel on the right hand side, style and design the inputs the way you would like.
Use the transitional components like the Progress Bar, Navigational Dots & Page Number Label to improve overall form UX (these are inserted with all multi-step forms from the plugin).
By following these steps, you can create an intuitive and engaging multi-step form that guides users smoothly through the data collection process 🥳