Learn More About :
Home FAQ In-Page Help Made Easy – Pageguide.js
Wednesday, 27 June 2012 07:51

In-Page Help Made Easy – Pageguide.js

Rate this item
(0 votes)

For any website or web app, if you think that users may need help in using/browsing the site, adding site tours or interactive guides are very helpful.

Pageguide.js is a jQuery plugin that creates a "guide" button in our web pages and, when clicked, highlights the elements we wish with a detailed information about them.

If there are any steps in the guide, they are visualized with numbers besides each element and user can either click the highlighted elements or the next button to see the information about them.

The prev-next buttons have also support for auto-scrolling which is nice if the step to be displayed is not already in the viewport.

Pageguide.js is pretty easy to setup as it only requires us to define the steps + content in an unordered list and attach a simple function.


Leave a comment

Make sure you enter the (*) required information where indicated.
Basic HTML code is allowed.