❤️ Creative Tim Club - Access all our Present & Future Premium Products

Free Bootstrap Wizard

Product description


Fully responsive wizard that comes with 3 useful examples and 5 bright colors. The Bootstrap Wizard is one of the most handy elements that can be used inside a project. We highly recommend it not just as a design feature, but as a way of guiding your users through tough forms.

First of all, you need to determine when you need a wizard. Do you have a form of over 10 fields? Do you have users not going through with the registration process? Do you have unfinished list? They all have something in common; and they all have the same solution. So, what is wrong with letting your users see an infinite form? They will get discouraged to finish it. What is the solution? Better visual organisation, mainly in the form of a wizard.

What a wizard does is it breaks the information into chunks and lets the user see it one step at a time. In this way, he only has to focus on the current step. He will also see how many steps he has ahead, so he won't be discouraged by something that looks like an long process. Consider win-win for both you and the users: they have a better experience and you will have all the necessary information!

Technical

To make the integration easier we also made a tutorial with code snippets. Once you have decided to integrate it, everything will be fairly easy, so you don't have to worry about it! If you have any other questions, don't hesitate to contact us and we will help you out.

Examples

If you want to start with a pre-built template, you can see the following examples made with the Bootstrap Wizard:

Can't wait to see the awesome stuff that you will build with it!

Product certified by: Creative Tim
Bootstrap Wizard - Fully Coded and Responsive HTML5
Bootstrap Wizard - Crafted with Bootstrap - the most popular Front End Framework
Downloads
43,375
Version
1.1.1
Changelog
Updated
7 years ago
Released
9 years ago
Reviews
Star
Handcrafted Elements
0
Customized Plugins
0
Example Pages
0
Community Support
Documentation
Fully Responsive

We are here to help you!

113 Web Developers commented on this product

sheriit786
  • downloaded
5 years ago

Finally I got the bestest designs here Thanks to #Bootstrap_Wizard_Team

wisamizk 5 years ago

@alexpaduraru how do i do a progressive wizard where on tab values impact the next tab. How do pass a value from step 1 to step 2? Or How do i recognize that a tab was selected to invoke a function??

dreamassignment 5 years ago

The bootstrap wizard is a great product. As software engineering assignment expert, this is remarkable. Visit - https://www.dreamassignment.com/software-engineering-assignment-help

mplnqobile
  • downloaded
5 years ago

Thanks Tim this good for my practice

thwalamavela
  • downloaded
5 years ago

This is perfection. Thank you so much. You made my developing much easier and awesome

khrisiller
  • downloaded
5 years ago

@creativetim I am somewhat new to this, I love what you have done to boost your skills. I am working on PHP submit, I can not seem to get the data to go to my e-mail. Or to another page, or just collect it period. I bet I am doing it wrong. I am trying to make this wizard as my initial data collector for my bosses site.. Please help, I read through all the comments

yusufs3435 5 years ago

Hi. There is a problem. I have added two password fields to the wizard form. Password and ConfirmPassword. I tried to validate password match with html5 setCustomValidity method. But I have not achieved it. This method dosen't work in the wizard form but the same method works another page. How can I check the password matching in the wizard form.

khrisiller
  • downloaded
5 years ago

@ CreativeTim I was able to get the PHP backend to work on everything except the wizard-radio buttons. They don't work like regular radio buttons which I can switch out no problem, but I really like the big icons to be able to select. Anybody have an idea?

khrisiller
  • downloaded
5 years ago

Or is this a dead feed now that it is 4 years old

khrisiller
  • downloaded
5 years ago

I guess it would help if I address the right person @alexpaduraru

alexpaduraru
  • owner

@khrisiller thank you for using our product. Please send us the example and what is not working on creative-tim.com/contact-us and somebody from our team will check that. Best, Alex!
5 years ago

You have to be logged in to post a comment. Login here.