❤️ 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,376
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

sgwcollins
  • downloaded
9 years ago

I am not sure do i have to purchase this to use it commerically?

alexpaduraru
  • owner

@sgwcollins it is free for using for your client, but you cannot resell it as your own work. Good luck!
9 years ago

sasi
  • downloaded
9 years ago

how to validate fields

michael.o'neill
  • downloaded
9 years ago

Very nice form @alexpaduraru I have one niggle. On the form I've created the first page is a bit long. When you hit Next to go to the second page it automatically positions the user at the bottom of the page (i.e. where they were in the first page). On a phone this can mean that page 2 is just blank and the user has to scroll back up. I'm going to make the 3 pages shorter but I thought I'd mention it in case you could post an easy fix. Michael.

joris.verstraeten
  • downloaded
9 years ago

I really like this Wizard. Just what I was looking for. However... I can't get it to work together with a datepicker input (https://github.com/eternicode/bootstrap-datepicker). Any suggestions?

hadi.riazikyv
  • downloaded

any luck with the datepicker ? i have the same problem :/
8 years ago

eam.gus 9 years ago

10

omidgholami88
  • downloaded
9 years ago

Hi nice job what about implementing Checkbox instead Radio button?

alexpaduraru
  • owner

@omidgholami88 we will make an update that supports also the checkboxes, stay tuned!
9 years ago

omidgholami88
  • downloaded
9 years ago

how catch the form info for my script. particularly radio button in account section?

yudis.dev
  • downloaded
9 years ago

can't download this whats wrong guys?

alexpaduraru
  • owner

@yudis.dev can you please give us more details? Browser, OS etc so we can help you. Otherwise send us an email in contact and we will send you the archive.
9 years ago

belma.gutlićqi3 9 years ago

Datepicker doesn't work because of some CSS rules. You need to delete lines in gsdk-base.css below the comment /** demo **/

ryanqjo
  • downloaded
8 years ago

@alexpaduraru is it possible to validate fields before proceeding to the next step in the wizard?

alexpaduraru
  • owner

@ryanqjo we sent a mail with more details.
8 years ago

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