12 Best jQuery Plugins For Creating An Automated Website Tour

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.

Power Tour

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.

power tour

jQuery TourBus

A tour/walkthrough plugin for developers. It includes limited automatic behavior, more like a ‘toolkit’ than some of the others out there.

tourbus-jquery

Trip.js

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.

tripjs

Hopscotch

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.

hopscotch

Intro.js

Better introductions for websites and features with a step-by-step guide for your projects.

introjs

Crumble

Crumble allows you to quickly and easily build feature tours for your website or app using small bubbles!

jqwtour-2

Joyride

Joyride is extremely flexible and lets you take control of how people interact with your tour.

jqwtour-3

Power 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.

jqwtour-5

jTour

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.

jqwtour-6

pageguide

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.

jqwtour-7

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.

jqwtour-1

Alvaro’s Simple Tour Plugin for jQuery

aSimpleTourPlugin is a jQuery plugin that will help you to make website tours.

jqwtour-8

jQuery Tour

a jQuery based Tour plugin with custome styles and powerful API.

jqwtour-4

1 Comments

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.