Multi Step Forms

Elements

This collection contains 3x beatiful webflow multi step forms for you to copy and customize. Capture user information in a friendly way.

Available with Subscription
Join the Component Club. Learn More

Multi Step Form - Venom

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 Form - Grace

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 Form - Skye

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

Common Questions

Just some general questions and answers to common questions.

How do I recieve the product?

This product can no longer be individually purchased. Subscribe to the component club and you can instantly copy these components into your own projects.

Is there any custom code?

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.

Do you offer support?

Yes, but unfortunately we are limited to supporting only issues directly related to the form. We cannot provide additional advice around structure changes, more advanced alterations etc.

Please ensure you have at least intermediate webflow skills to make the most out of this product!

Can I change results based on answers. (Conversational)

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/

How can I copy paste these?

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