Search code examples
phpjavascriptjquerycssdesigner

display a Site tour training windows on the top of my web page for first time visitors


I just finished building an application to extract data from database and display it into the screen and generate some csv files. but I do have a lot of inputs that the user has to filled, and I'm worry that the user won't put the right info in the right place, so my idea was to show a training tutorial on the top of my page when first time user visit the page (I can extract that data from user cookies and/OR Database), like the one that facebook or Youtube shows when they make changes to the platform, popups next to the feature, when you close it it opens the next one. If anyone done something similar in the past and have an idea or suggestion how to do it, or what library to use, that will be highly appreciated!

I checked a JS library called Be Aware but I would like to check with you guys is there's something else that I need to take a look at.


Solution

  • This sounds like the web-tour plugin you seek: http://tympanus.net/codrops/2010/12/21/website-tour/

    Here's a demo of it in action.