Here are 12 best jQuery Plugins that allow you to create jQuery feature tours easily. This can be very useful if you want to explain your users the functioning of your web application in an interactive way.
Powerful creative jQuery tour plugin, which can be used as a tour, helpers, guides or tooltips. The plugin is pretty powerful and has a lot of options which gives you the power to build a very cool tour.
a jQuery based Tour plugin with custome styles and powerful API.
A tour/walkthrough plugin for developers. It includes limited automatic behavior, more like a ‘toolkit’ than some of the others out there.
Trip.js is a jQuery plugin that can help you customize a tutorial trip easily with more flexibilities. Right now Trip.js support lots of useful stuffs like keyboard binding, animations, changing themes … etc.
Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress. While Hopscotch will use YUI or jQuery if they’re present, they’re not required.
Better introductions for websites and features with a step-by-step guide for your projects.
Crumble allows you to quickly and easily build feature tours for your website or app using small bubbles!
Joyride is extremely flexible and lets you take control of how people interact with your tour.
Power Tour is a powerfull creative 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. Use the power tour plugin for your website, products, applications, landing pages or something else.
jTour 2.0 is a professional, multipage website tour engine built using jQuery. It provides a clean and simple way to show users around your website.
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.
Website Tour with jQuery
The idea is to add a certain class to elements that you want to guide the user through and explain what they do. We will use a little tooltip to show what that tour point is about, and a navigation will allow the user to go back and forth, to end the tour or to restart it.
Alvaro’s Simple Tour Plugin for jQuery
aSimpleTourPlugin is a jQuery plugin that will help you to make website tours.