Easy Javascript Wizard

Add to favorites

INTRO JS

https://introjs.com/example/hello-world/index.html

Wizard steps are managed with simple HTML attributes

data-step=”1″ data-intro=”This is a tooltip for wizard step 1!”
data-step=”2″ data-intro=”This is the second tooltip for wizard step 2!”
data-step=”3″ data-intro=”This is the third tooltip for wizard step 3!”

The below script needs to be added to

$(document).on('click', '#wizard', function(e) {
    e.preventDefault();
    introJs().start();
});