Multi-step form

A Multi-Step Form splits long forms into smaller pages (steps), making them easier to complete and less overwhelming. This guide shows you how to create, customize, and manage a multi-step form in just a few minutes.

🛠️ Steps create a Multi-step form

📝 Step 1: Create or Open Your Form

From the admin site of the app, click Forms > click Create new form button
Select Multi-step form

📝 Step 2: Add More Steps to Your Form

The the form app, "step," "page," and "group" are used interchangeably.

➕ Add a step/page

our form starts with a single default step (Page 1,2,3). To add more steps:

Click Add page in the left sidebar.
A new step (Page 4, Page 5, etc.) will appear.
Drag and reorder pages if needed.

Click on the page name > the page preview will display on the right

Remove a step/page

To remove one step on the form > click on the page name > click Remove text at the left bottom

📝 Step 3: Add Fields to Each Step

Click on a step → then add the form fields you want on that step.

Tips:

Keep Step 1 simple (e.g., name, email).
Put extra details or optional fields on later steps.
Use short text + clear labels.

📝 Step 4: Preview Your Multi-Step Form

Click the Desktop / Mobile preview icons at the top-right to see how users will move through the steps.

Check:

Step transitions
Field spacing
Progress bar display
Mobile responsiveness

📝 Step 5: Publish Your Multi-Step Form

Once everything looks good:

Click Publish
Choose where to display your form (page, product, popup, floating form, etc.)

Learn more

📝 Add Conditional Logic (Optional)

You can make your multi-step form even smarter:

Show a step only if the user chooses a certain answer
Skip steps automatically to shorten the form

Learn more

🧩 How It Works on Your Storefront

When a Multi-Step Form is published, customers don’t see all questions at once. Instead, the form is broken into clear steps, making it easier and faster to complete.