10+ jQuery Web Tour, Help and Instructional Plugins

Sam Deering

Take your user experience to another level by incorporating one of these pretty interesting jQuery Web Tour, Help and Instructional Plugins in your website. You would find these plugins really useful for improving your overall user experience on your website. Have fun!

Update 02/06/2013: Added 11. Tourist.js
Update 21/06/2013: Added 12. PowerTour.js

Related Posts:

1. jQuery Joyride

Extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images.
jQuery Joyride
Source + Demo

2. Clippy.js

A full Javascript implementation of Microsoft Agent (AKA Clippy and friends), ready to be embedded in any website.
Clippy.js
Source + Demo

3. Galaxy

Simply click on the menu items above to zoom around my universe and learn more about web animations without the use of Flash.
Galaxy
Source + Demo

4. pageguide.js

An interactive guide for web page elements using jQuery and CSS3.
pageguide.js
Source + Demo

5. Website Tour with jQuery

This can be very useful if you want to explain your users the functioning of your web application in an interactive way. You might have noticed that Facebook used something like …
Website Tour with jQuery
SourceDemo

6. aSimpleTourPlugin

a jQuery plugin that will help you to make website tours.
aSimpleTourPlugin
Source + Demo

7. jQuery Tour

The flexible tour plugin.
jQuery Tour
Source + Demo

8. Guidely – jQuery Website Tours

a functional jQuery plugin that facilitates guided website tours for your new or returning website users.
Guidely
SourceDemo

9. jQuery E-Help

Is plugin for procedural(“How to …”) web user interface help and it’s easy to integrate into any web interface that supports jQuery. Useful for all web applications, CMS and E-commerce systems.
jQuery E-Help
SourceDemo

10. bootstrap-tour

Bootstrap Tour is an easy to configure site tour wizard based on Twitter Boostrap and inspired by Joyride.
bootstrap-tour
SourceDemo

11.Tourist.js

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.
touristjs
Source + Demo

12.Powertour.js

Power Tour is a powerfull jQuery tour plugin, which can be used as a tour, helpers, guides or tooltips. The plugin is pretty powerfull and has a lot of options which gives you the power to build a very cool tour.
powertour
Source + Demo

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.