pageguide.js

pageguide.js is an interactive visual guide to elements on web pages.
Instead of cluttering your interface with static help message, or explanatory text,
add a pageguide and let your users learn about new features and functions.

It's easy to implement and non-invasive:

1. Add references to pageguide.js & pageguide.css
2. Add a simple <ul> to pages you want page guide to appear on
3. Add the following block of code to your page

   <script type="text/javascript">
       $(document).ready(function() {
           tl.pg.init();
       })
   </script>

4. Profit! (and measure it with built-in interaction tracking hooks).

If you like to learn by example, view the source of this page and check out how we did it!

Check it out on Github!