Multistep Form
Embeds & Publish
Multistep Form runs on your live site via a CDN script registered through the Webflow Custom Scripts API.
Publish checklist
β Editor β Save
β Webflow Publish (staging or production)
β Embeds tab β CDN script registered β
β Live test: Next, Back, Submit, validation, progress
β Submissions tab β verify data / export CSV
β License tab β active Faizatech license
CDN script
- Open the Embeds tab in the Designer sidebar.
- Click to register the Multistep Form script on your site.
- The script is added to the site footer via Webflow's hosted script API.
- After publishing, the runtime discovers
[data-msf-form]elements and loads config.
Config priority on the live site:
data-msf-configon the form element- Backend API (when config exceeds Webflow attribute size limits)
- DOM-only fallback from tagged steps
Submit modes
| Mode | Behavior |
|---|---|
| Webflow (default) | Native Webflow form POST |
| MSF | POST to MSF backend; stores in submissions inbox; fires webhooks |
Configure submit mode in Editor β Settings.
Submissions
- View responses in the Submissions tab
- Export up to 5,000 rows as CSV from the sidebar
- Webhooks fire on MSF submit path (Zapier, Make, or custom URL)
Common issues
| Problem | Fix |
|---|---|
| Steps not showing on live site | Tag steps β Load canvas β Save β Publish β register CDN script |
| Progress bar stuck | Enable progress bar in Settings; add data-msf-progress-fill child |
| Validation on wrong step | Match rule step ID and field name to tagged elements |
| License locked tabs | Activate key in License tab via Faizatech dashboard |
| OAuth error on new site | Re-authenticate; ensure redirect URI matches backend config |