The best step-by-step feature introduction for your web sites, that's a promise!
tutorial.js can be added your website in three simple steps:
- Include
tutorial.js
andtutorial.css
(or the minified versions for production) in your page.
<link href="/path/to/styles/tutorial.min.css" rel="stylesheet" />
<script src="/path/to/tutorial.min.js"></script>
- Create the steps of your tutorial, like this:
var steps = [
{
target: ".container .btn-large:first-child",
html: "Hi, this is the very first step"
}, {
// another step
}
];
- Initialize the tutorial with these steps and call
start
method.
tutorial(steps).start();
tutorial.js itself does not require any configuration options, but you can customize each step to fulfill your needs. Find out more in the How it works section.
For the full documentation and examples please visit this site.