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

Material Bootstrap Wizard

Free Material Bootstrap Wizard

Product description


Material Bootstrap Wizard is a fully responsive wizard that is inspired by the famous Google's Material Design and comes with 3 useful examples and 5 colors. The Material 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 Material Bootstrap Wizard does is to break the information into chunks and lets the user see it one step at a time. In this way, the user 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

We used our famous Material Kit for the design elements of the wizard.

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 Material Bootstrap Wizard:


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

Product certified by: Creative Tim
Material Bootstrap Wizard - Fully Coded and Responsive HTML5
Material Bootstrap Wizard - Sass Files for Professional Front End Developers
Material Bootstrap Wizard - Crafted with Bootstrap - the most popular Front End Framework
Downloads
35,211
Version
1.0.2
Changelog
Updated
7 years ago
Released
7 years ago
Reviews
Star
Handcrafted Elements
0
Customized Plugins
0
Example Pages
0
Community Support
Documentation
Fully Responsive

We are here to help you!

87 Web Developers commented on this product

brown7477
  • downloaded
5 years ago

How can this wizard be used a modal?

dragosct
  • owner

Hi, @brown7477! Thank you for using our products. Did you try to put the entire wizard into the modal? Regards, Dragos
5 years ago

r00ty
  • downloaded
5 years ago

Hi guys, I would like to use this wizard with some landing page from "Material kit pro", but there are conflict with jquery.min.js and core css, Any ideas ?

dragosct
  • owner

Hi, @r00ty ! Thank you for using our products. This product's not updated on BS4 and this is the reason for your conflicts. Regards, Dragos
5 years ago

okhung466
  • downloaded
5 years ago

Everthing is good! I had found some bug can you support me ?

dragosct
  • owner

Hi, @okhung466 ! Thank you for using our products. Please tell us which problems did you have? Regards, Dragos
5 years ago

okhung466
  • downloaded
5 years ago

can you support me in facebook,zalo,instagram

okhung466
  • downloaded
5 years ago

Do it have support default step ?

alkelani1
  • downloaded
5 years ago

Hi, I like this template very much, but I can't use it with BS4, is there any plan to update to BS4 ?

dragosct
  • owner

Hi, @alkelani1 ! Thank you for using our products. Unfortunately, at this moment we can't tell you exactly when we will release the bs4 version, but we will do that in the next period. Regards, Dragos
5 years ago

bastianueth
  • downloaded
5 years ago

Hello - quick question, how would I implement a validation for each step? I do have a multiselect picker on page 2 of the wizard, which needs to be validated seperately - any tips on how to accomplish that? Cheers, Bastian

dragosct
  • owner

Hi, @bastianueth ! Thank you for using our products. We used for validation the https://jqueryvalidation.org/. Maybe this will help you! Regards, Dragos
5 years ago

kevinsmeetsx
  • downloaded
5 years ago

how get i a email when some one did fill in the form

dragosct
  • owner

Hi, @kevinsmeetsx ! Thank you for using our products. To make this you need a PHP form contact and you find a tutorial on this https://www.formget.com/php-contact-form/ link. Hope this will help you. Regards, Dragos
5 years ago

vantagepoint2019
  • downloaded
5 years ago

You guys you are the best

dragosct
  • owner

Hi, @vantagepoint2019 ! Thank you for using our products and thank you for those beautiful words. Regards, Dragos
5 years ago

feist
  • downloaded
5 years ago

I've been making good use of the current version. Any info you can share about plans to update to BS4 would be appreciated -- whether it definitely will happen, timeframe, etc.

dragosct
  • owner

Hi, @feist ! Thank you for using our products. Unfortunately, at this moment we can't tell you when this will happen because we are focused on other projects, but don't worry when this will happen you will be notified. Regards, Dragos
5 years ago

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