This collection contains 3x beatiful webflow multi step forms for you to copy and customize. Capture user information in a friendly way.
Multi Step Forms are built using webflow slider component. Each slider contains a small bit of custom code to connect our back and forward buttons. Please review FAQ section
Multi Step Forms are built using webflow slider component. Each slider contains a small bit of custom code to connect our back and forward buttons. Please review FAQ section
Multi Step Forms are built using webflow slider component. Each slider contains a small bit of custom code to connect our back and forward buttons. Please review FAQ section
This product can no longer be individually purchased. Subscribe to the component club and you can instantly copy these components into your own projects.
This product is build using native webflow components, and the step functionality is using the webflow slider element. There is custom code used for custom next and back buttons on the webflow slider. This code is simple to edit and can be accessed from the page settings on the left.
Unfortunately not, this form will follow a linear progress of steps. You can change any of the form data collected on each step. But to achieve a conversation form you will need custom code, and in this case we recommend you look at this product from Alex.
https://advanced-forms.webflow.io/
Once the product is purchased you will be able to open it from your webflow dashboard. Here you can simply navigate the pages on the left and copy the top level (Slider Wrapper) and paste it into your own project.
1. Copy the slider parent wrapper (CTRL + C)
2. Paste it into your own site (CTRL + V)
3. Copy the custom code for buttons (Page Settings)
4. Check the classes haven't changed and they match the custom code. (Slider ID & Next/Back Buttons)
5. Publish the site to test slides
6. Edit the slides to suit your needs.
*If you experience an issue we firstly recommend to double check the classname and code for your next and back buttons is correct