hopscotch

Hopscotch ist eine Framework, mit dem man Produktführungen erstellen kann. Man kann die Nutzer über eine Website führen. Dabei muss man nur angeben, welcher Text zu welchen DIV angezeigt werden soll.

Man hat die Möglichkeit Funktionen nach bestimmten Events der Tour auszuführen.

 1 {
 2   id: "myTour",
 3   steps: [
 4 {
 5   target: "firststep",
 6   placement: "bottom",
 7   title: "My First Step",
 8   onNext: ["fillText", "searchField", "Example search query"]
 9 }
10   ],
11   onStart: ["selectArticle"]
12 }

Die Tour wird in einer json-Datei gespeichert. Diese Datei kann natürlich auch dynamisch generiert werden.