Shepherd

Guide your users through a tour of your app.

get it

Reviews

Discussion

You need to become a Contributor to join the discussion - Find out how.
Kevin William DavidHunterHiring@kwdinc · Community @Siftery. No 1 Hunter on PH🥇
A javascript library for guiding users through your app. Checkout Sidekick ,Hopscotch hunted earlier. Walkme ,Iridize , Tourmyapp and Bootstrap Tour also help you to create in-app walkthroughs to guide your users.
AkshayHiring@ak · First person, Last Initial
Are there any tour toolkits that work with native mobile apps?
Kevin William DavidHunterHiring@kwdinc · Community @Siftery. No 1 Hunter on PH🥇
AkshayHiring@ak · First person, Last Initial
@kwdinc err, i meant more like a product tour, a la an EDU introducing the basics of your mobile app. TourSphere appears to be an app platform for tours of physical spaces
Mayank Sanganeria@e7mac · CEO, JamSnap
@kwdinc I'm a little confused :) isn't toursphere.com an app for creating tours of physical places (I just checked them out). And Shepherd a framework to create a tour of a digital product ? Am just wondering if I understand both correctly!
Kevin William DavidHunterHiring@kwdinc · Community @Siftery. No 1 Hunter on PH🥇
@e7mac @ak yea , sorry!. Will post here if i find anything similar for mobile!
Nichole Elizabeth DeMeréPro@nikkielizdemere · Community Growth at Zest.is
@zackbloom should be joining the conversation soon.
Rahul@deleted-22954
Just what I needed, perfect timing! Any reason to choose Shepherd over something like JQuery Joyride? http://zurb.com/playground/jquer... Aside from the fact that the latter needs JQuery of course, which I'm using anyway. Thanks!
Zack BloomMaker@zackbloom · Engineering Manager, Cloudflare
@iorahul Shepherd is built on Tether [1], which means all of the edge cases of what happens when the browser is resized, etc. work out of the box. [1] http://github.hubspot.com/tether...
Rahul@deleted-22954
@zackbloom Right, I noticed. Alright, I'm in, we'll implement it today! Thanks Zack!
Adam SchwartzMaker@adamfschwartz · Founder, Eager
@iorahul Thanks for trying us out! Another advantage of Shepherd is its themes use the `em` unit for typography (meaning type will size itself proportionally to the site it’s added to). Hopefully this means it looks better on your site. ;)
Rahul@deleted-22954
@adamfschwartz Cool! Quick question, is there a built-in way to implement a "skip" button, in case the user doesn't care about the walkthrough and wants to just get going? Couldn't find it in docs. Thanks.
Adam SchwartzMaker@adamfschwartz · Founder, Eager
@iorahul You can set `showCancelLink: true` which will show a × link in the top right corner of every step. This is implemented on the home page [1] and mentioned in the docs [2]. In addition, since you can hook into `active`/`inactive` events on any `Tour` instance, you can use this to add/remove a global cancel link—in say the top-right corner of the whole page. This is in fact how HubSpot uses Shepherd in its product [3]. [1] http://github.hubspot.com/tether... [2] http://github.hubspot.com/tether/ [3]
Gagan Singh@urbanturbanguy · Sr. Product Manager, Uber
What about a custom way to recall the tour? Many users I observed skip tours, but then look for a way to re-trigger them once they are a little familiar with the website.
Adam SchwartzMaker@adamfschwartz · Founder, Eager
@urbanturbanguy Absolutely! You can add a button anywhere you want and call `tour.start()` in a click handler. Check out the docs [1] for more information. [1] http://github.hubspot.com/shepherd/