5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Tf54,

Live Preview: https://multistepformwizard.framer.website

Includes a step‑by‑step PDF for connecting your form to Formspree.

About this component

MultiStep Form Wizard breaks long forms into focused steps that convert. Start from a preset or paste a tiny JSON schema, validate each step with friendly errors, autosave progress, review answers before sending, and post submissions to Formspree or any webhook (JSON). The property panel is grouped, no guesswork.

Perfect for

Lead generation and quote requests
SaaS onboarding and qualification
Demo/consultation requests
Waitlists, surveys, and newsletter quizzes
Contact forms that actually convert

Key features

Multi‑step UX that converts

Steps or progress bar, step titles, Back/Next
Optional Review & Submit screen with per‑step “Edit” links
Submit appears only on the Review step (fewer accidental submits)

Schema‑driven fields (no code needed)

Text, Email, Tel, Textarea, Select, Radio, Checkbox, Checkbox‑Group
Use presets or paste your JSON (example below)

Rock‑solid, simple validation

Required fields, email format, min/max length
Scroll + focus to first invalid field, inline errors

Autosave & resume

Saves to localStorage for 7 days, resumes where you left off

Webhook integrations that just work

JSON POST to Formspree (recommended) or any endpoint

Polished visuals, easy theming

Colors, radius, spacing, font, button style (filled/outlined)
Step indicator colors and text colors
New: form border color for an optional outer border

Accessibility by default

Proper labels, aria‑live error announcements, focus rings

Zero dependencies

Lightweight, fast, and canvas‑friendly

What you can customize (grouped controls)

Content & Schema

Preset (Lead Gen, SaaS Onboarding, Newsletter Quiz)
Form title/description
JSON form schema (steps + fields)
Show/hide step titles

Submission

Webhook URL (paste your Formspree endpoint)
Method (POST/GET)
Payload format (JSON)

Labels

Back / Next / Submit text

Review

Enable/disable Review step
Review title

Progress

Show step indicator
Indicator style: Steps or Progress

Appearance

Primary/background/input/text/subtitle/placeholder/border colors
Radius, spacing, max width, font
Step active/inactive colors + text colors
Form Border color (outer border)

Buttons

Style: filled or outlined
Back/Submit backgrounds, text, borders

Success & Error

Success title/message
Error message
On success: show message or redirect (with URL)

How it works

Drop the component anywhere in your canvas.
Choose a preset or paste your JSON schema.
Customize labels and appearance to match your brand.
Connect submissions:
- Paste your Formspree endpoint (quick start—PDF included)
- Or use any webhook URL (JSON POST)
Preview, test, and publish.

5a:[["$","$L5d",null,{"post":{"id":"019b0cf6-f4c6-7d5d-ab2c-2380e17d9b89","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a8f980a2-3ec0-476a-9c35-d23c09dca5bb","name":"Snoweirdo","slug":"snoweirdo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a8f980a2-3ec0-476a-9c35-d23c09dca5bb/0ovsw0ui","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7vhENh03dii7eYLgBaJV","resolved":true,"title":"MultiFormWizard","body":"$5e","bodyJson":null,"introduction":"","slug":"multiformwizard","author":{"framerUserId":"a8f980a2-3ec0-476a-9c35-d23c09dca5bb","name":"Snoweirdo","slug":"snoweirdo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a8f980a2-3ec0-476a-9c35-d23c09dca5bb/0ovsw0ui","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/7vhENh03dii7eYLgBaJV/multiformwizard-AznpxDf2MRShw0Sj6HRV2gSCcGauhm","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-17T11:13:56.084Z","updatedAt":"2025-12-11T10:06:50.993Z","publishedAt":"2025-12-11T10:31:09.766Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://multistepformwizard.framer.website","price":"17","paymentUrl":"https://snoweirdo.lemonsqueezy.com/buy/ed6401c1-823c-49f8-a37f-e79d39f6ef77","workshop":true,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"4FY0G5J7oU6schd5gU8t","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-11T10:31:09.766Z","updatedAt":"2025-12-11T10:31:09.766Z","reported":false}}],"$L5f"]

Suggested for you