Tourist.js is a simple library for creating guided tours through your app. It's better suited to complex, single-page apps than websites. Our main requirement was the ability to control the interface for each step. For example, a step might need to open a window or menu, or wait for the user to complete a task. Tourist gives you hooks to do this.
The code is available via
<script src="tourist.js"></script> <!-- Optional! --> <link rel="stylesheet" href="tourist.css" type="text/css" media="screen">
Specify a series of steps which explain elements to point at and what to say. Tourist manages moving between your steps.
Tourist was designed for complex apps rather than websites. Tourist makes it easy to:
Just use the
teardown() functions in your step options.
Tourist comes with the ability to use either Bootstrap popovers (default) or QTip2 tips, so you'll need either Bootstrap CSS (only the CSS is necessary!) or QTip2 installed. You can write your own tooltip connector if you'd like.