Quick Start
Last updated
Was this helpful?
Last updated
Was this helpful?
Add the following script to the <head>
section of your Webflow page or HTML file:
Requires:
To initialize Superform, add the sf = formName
attribute to your form container element:
HTML Example
Webflow Example
→ Read more about the Form Container
Add the sf-step
attribute to each form step. For multi-step forms, each step should have a unique name. For single-step forms, you still need to name the step to enable Superform's validation and reactivity features.
HTML Example
Webflow Example
→ Read more about the Step Container
When you get a hang of it, here are some key pages to get you started with more advanced functionalities:
By following these steps, you can quickly set up Superform and start building dynamic, multi-step forms with ease.
Check out our FAQ 🚧.
Start tinkering with and by exploring the Essentials category.