A roundup of jQuery walkthrough/feature tour plugins
While working on Bootstrapify 2.0, the 2nd generation of the open-source Shopify theme framework I’ve been working on, I thought it would be cool to have a setting that walks the new store owner through the features of their new theme.
First up, I’ve got a toggle in the theme settings that enables/disables “setup mode.” When enabled, little prompts appear throughout the front-facing site to help the store owner learn what areas of the theme can be modified and how to tweak them.
I started out with inline code wrapped in if-statements but I’m realising this is pretty ugly in terms of keeping the theme code lean and clean. Which is one of my main goals with Bootstrapify.
So, this brought me to a quick search for “walkthrough” plugins—it turns out there are a few.
In no particular order, here’s what I’ve found. Hope it’s useful to others.
- jQuery Joyride Feature Tour Plugin by the awesome folks at Zurb
- Introtour UI
- jQuery Page Walkthrough
- Website Tour with jQuery (a tutorial)
- Edit: jQuery TourBus (thanks Ashish)
Did I miss any?
I’m leaning towards Joyride based on first impressions.
Anyone have any experience with any of these and thoughts on which is best?