This would be the best way to introduce your product to your visitors or a website with a tour.
Download the files from Recent upload
I assume you’re ready with these things, and have all the required files in a single folder. Before calling the plugin we have got to do some tiny changes to the html. The change would be adding the some attributes to the elements which take part.
data-step to specify the step number at which the element should be shown,
data-intro to specify the information to be displayed in the tooltip
In the above html just to explain i would start the tour from h1 element and move on to the list elements one by one.
Now we are ready to invoke the plugin by calling it as soon as the screen load is complete.
Add the below script in the html page either inside head or body tag and open the page in a browser.
The library also provides some awesome templates which you will get as part of download. To use them in your page you just need to include the respective CSS file along with the introjs.css.
For complete information on API calls, attributes and options provided, visit intro.js on github
For more Examples visit intro.js Examples