How to create a “tour” in a Rails application?

Question

I'm looking for ideas, best practices, gems (if any) that will allow me to easily create a tour for an existing Rails 4 web application.

I would like any new user to sign a greeting message with a welcome message that explains some of the features of the site. When they click "Next", they should go to another page (for example, a list of projects) where another explanatory message will appear. The next step will be another page (for example, a list of tasks) with a message, etc. I would like explanatory messages to be as unobtrusive as possible, like flash messages.

The opportunity to skip or hide the tour and start it later will, of course, be very pleasant.

I know that I could create it “manually” using cookies and some additional controller logic (flash messages), but I would not like to pollute all controllers with additional logic for excursions.

Answer 1

Another option is IntroJs http://usablica.imtqy.com/intro.js/ , and this and Baldrick's answer are great options.

Answer 2

Shepherd.js Rails. , JavaScript- -, . , . ( Shepherd.js rails-assets .)

Shepherd.js Rails Abraham, , , , .

Answer 3

jQuery Joyride.

I would create a controller designed for excursions that displays some of your existing views (for example, "/ tour / 1", "/ tour / 2", "tour / 3", ...), but add the hidden html olused inside Joyride (see document). At the end of the tour on each page, use the Joyride callback postRideCallbackto redirect the user to the next page of the tour.