Gone are the days of using sliders, tabs and complex animations to create multi-step forms on Webflow. Focus on creating the form, not the code.
Add a script.
It is as simple as it sounds. Each step of your form should be its own element. 100% design freedom.
Copy this script to your page "Before </body> tag"
Attribute to the Form element.
Once the script is added, we can now start adding attributes. Add this attribute to the Form element.
Add attributes to each step.
Every div block with this attribute will be taken as a step on the multi-step form. This is also the element you add any power-up attributes to.
You can have more than one instance of the next and back buttons on the page.
Try it out yourself!
No code means
Automatic progress navigation
Custom progress navigation
Intro cards or steps without inputs
Required vs optional inputs
Bringing conditional logic to Webflow form, all with no-code. You can create powerful forms and quizzes with just 2 attributes.
Access Input Data
Get and display user input data anywhere on the current page by just using attributes.
An easy way to make your forms more personal and feel more dynamic.
Multiple Success Messages
Display different success messages for users who took different logic paths.
Redirect users to different links based on the branch they selected after submitting the form.
Reset the Webflow form inputs and Formly after a form is submitted, or allow users to manually reset the form.
Using formlylogic, you can now ask only the right questions and skip the rest, create quizzes and fun games all using Webflow and no-code! Just 2 attributes and a bit of grit, you can turn any normal form into a logic form.
Unstyled formly form components to easily create fully functional multistep forms in minutes without all the debugging work.
Auto-populate form fields on a page by adding query strings to the page URL before sending it to your contacts. Fields will populate based on the query string added.
Multiple Success Messages
Form Summary Card
Contact Form with IX
User Sign Up Form
"The Office" Quiz
Yes, Formly offers both free and paid versions.
FormlyBasic is free to use and does not require you to sign up. With FormlyBasic, you can create multistep forms directly within Webflow without any limitations.
On the other hand, FormlyPro is a paid version available at a cost of $120 per year. FormlyPro provides access to additional professional features such as FormlyLogic, Multiple Success Messages, Get Form Input Data, and 20 more features that enhance the functionality and customization options of Formly.
Whether you choose to use FormlyBasic for free or upgrade to FormlyPro for advanced features depends on your specific requirements and preferences.
Formly is primarily designed as a developer tool for Webflow. While it is relatively easy to set up and use, it is important to note that Formly assumes a certain level of familiarity with Webflow and its design and development environment
In order to effectively utilise Formly, it is beneficial to have a basic understanding of how to use and build on Webflow .
While non-technical individuals may find the setup process and initial configuration of Formly manageable, it may require some level of technical proficiency or guidance to fully leverage its capabilities and customise forms according to specific requirements.
If you are a non-technical user, it may be helpful to seek assistance from a developer or someone experienced with Webflow to ensure that you can effectively utilise Formly.
Looking for a Webflow developer?
Join our amazing Slack community with over 300+ Formly users who can help you.
Yes, Formly integrates seamlessly with Webflow Logic, Zapier, Airtable, Make, and other no-code automation tools.
Since Formly is built on top of Webflow, it does not interfere with the native form functionality. This means that any integration or app that works with a regular Webflow form will continue to work when Formly is added to your website.
You can leverage the power of Webflow Logic, connect to external services through Zapier, utilize Airtable for data storage, and leverage other no-code automation tools with Formly seamlessly.
No. Webflow Logic is an automation tools akin to Zapier, Make and Parabola. FormlyLogic allows you to add conditional logic to Webflow forms. It allows you to show or hide certain fields or sections of a form based on specific conditions or criteria.
Currently, it is not possible to have multiple instances of Formly on a single page.
However, you can have multiple instances of Formly throughout the same website. This means that you can have one instance of Formly per page.
No, your Formly forms will continue to function even if you cancel your subscription.
Formly understands the importance of forms and ensures that they remain operational regardless of your subscription status. Form functionality is vital and will not be disrupted if you choose to cancel your subscription.
However, if you find Formly useful and believe it saves you time, it would be greatly appreciated if you consider supporting us. By supporting Formly, you gain access to new features, priority support, and help us maintain affordable pricing for everyone.
No. Formly is an extension to Webflow Forms. It is a library that allows you to create multistep forms using Webflow Forms. We are not an alternative to Webflow Forms.
Yes, Formly will continue to work even if you export your site from Webflow.
However, if you decide to export your site and still want to use the built-in form element, you'll need to make adjustments to your form settings. This involves connecting your form to a third-party form service that can handle and collect the form submissions for you. By integrating a third-party form service, you can ensure that your form submissions are properly managed and stored outside of Webflow.
No, Formly does not have access to or store your form data. As a developer tool and jQuery library, Formly's primary function is to enable developers to create multistep forms directly within Webflow. Formly does not have any mechanism to collect or retain the form data submitted by users. It solely serves as a tool for enhancing the form-building process and does not involve data storage or access.
Yes. Tools like Zapier, Make, and Webhooks will all work when using Formly on your Webflow Forms.
Yes, Formly can be used in conjunction with another form processor like Basin, Formspark, or Formspree, as long as the tool or integration works with Webflow forms.
To ensure a successful integration, it's important to carefully follow the documentation provided by the form processor you intend to use. They will typically provide instructions on how to configure their service to work with Webflow forms. By following these guidelines, you can leverage the capabilities of Formly while utilizing the backend functionality of your preferred form processor.