Products

Education

Resources

Company

Support

Products

Education

Resources

Company

Support

Framerforms

How to Create Multi-Step Forms

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 🥳