MultiFormWizard

Live Preview: https://multistepformwizard.framer.website Includes a step‑by‑step PDF for connecting your form to Formspree.

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.