Ask A Question

Notifications

You’re not receiving notifications from this thread.

Create a welcome page with a tour/get started

Francisco Quinones asked in General

Hi, I was thinking of a way when the user login for the first time they get redirect to a welcome page where they take some steps into maybe a tour or fill some important fields to getting started.

What is a good approach, technics or tools to show the user how to use my interface.
Any article, examples will be nice. Im using devise for users.

or

Reply

This isn't quite the same, but something I thought I'd share: http://introjs.com/ It's used for a lot of intros that need to call out specific things.

The FitBit one looks just like a modal wizard, so you should be able to find some easy Javascript to pull that one off.

For the most part, you'll just want to keep track of whether the user is new by having a column on the user model that gets marked off like intro_complete once they're finished with the tour. You can display the tour the first time and when they close out of it make an AJAX request to mark that column as true so they don't see it again.

The kubernetes one probably just displays that whenever there are no apps, so it wouldn't have to keep track of whether or not the user had seen the intro.

Reply

Thank you Chris for the feed back.

this part is what I'm most interest:

marked off like intro_complete once they're finished with the tour. 
You can display the tour the first time and when they close out of it make
an AJAX request to mark that column as true
Reply

You could add a Boolean field to your devise user table something like intro_viewed

Once they have done viewing the intro you could ping their user ID via and ajax request to a completed action where you update that field?

Or stick it in a cookie ;) no need to touch the DB then

Reply
Join the discussion
Create an account Log in

Want to stay up-to-date with Ruby on Rails?

Join 86,946+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.