I was evaluating using this library recently. At the time I wasn't sure if they forced you to take a commercial license or not. On their website it says:<p><i>if you are using the library for your business you can subscribe to one of commercial licenses plus support, code review and support by Intro.js team.</i><p>However, then on their github it says:<p><i>If you want to use Intro.js for a commercial application, theme or plugin the commercial license is the appropriate license.</i><p>which does not sound so optional.<p>The page says you can "subscribe" to their commercial plans, but it doesn't specify if the payment is a one-off or recurring.<p>Too much hassle.<p>In the end I opted for <a href="http://bootstraptour.com" rel="nofollow">http://bootstraptour.com</a>
I have used bootstraptour, Intojs and hopscotch in order for my recent project <a href="http://www.jeviz.com" rel="nofollow">http://www.jeviz.com</a> . Here prons and cons:<p>I started with bootstraptour and it was pretty good on desktop and it is even fine with ajax DOM change while tour. Shame on me I did not test my site after adding tour on mobile then I announced jeviz.com on hackernews, a user commented about scrolling issue on mobile. Tour did not automatically scrolled down on mobile and it also prevent me scroll-down manually. Maybe it is because of dynamic content issue and I tried to fix it without success so I searched for another tour library which was intro.js<p>Intro.js at first seemed to be more polished than bootstraptour and I liked how it highlights on target element and gray out remaining parts. It has problems with ajax DOM change so I changed my tour without using ajax. It worked good on chrome then I tested on firefox and internet explorer, both with same issue: first step was fine but after that, in second step and so on tour popup and most of the site content turned to be invisible
as shown below:<p><a href="https://s13.postimg.org/4xd0f731j/introjs2.png" rel="nofollow">https://s13.postimg.org/4xd0f731j/introjs2.png</a><p>Then I googled for another alternative and found Hopscotch which is Linkedin open source project. It is very solid with best scrolling experience. It does not support DOM changes but found a workaround in issue page <a href="https://github.com/linkedin/hopscotch/issues/56" rel="nofollow">https://github.com/linkedin/hopscotch/issues/56</a><p>my tour code: <a href="http://www.jeviz.com/static/js/tour.js" rel="nofollow">http://www.jeviz.com/static/js/tour.js</a>
Library looks attractive, but it has 185 open issues and 106 pull requests.<p>The pull requests go back to 2013, I have no idea why people continue to open new ones since it appears they have little chance of getting them merged.
If the licensing is a concern, LinkedIn open sourced their onboarding library a while ago:<p><a href="https://github.com/linkedin/hopscotch" rel="nofollow">https://github.com/linkedin/hopscotch</a><p>Hopscotch has an Apache license which should play better for commercial use.
This looks almost exactly like the intro for Promethease<p><a href="http://imgur.com/a/Guov3" rel="nofollow">http://imgur.com/a/Guov3</a>
I feel completely lost using any of the options in this thread on their sample pages. Especially on a mobile phone, it's jumping everywhere an popups and grey outs..Yanks.<p>What's wrong with creating a proper page that your users can read from top to bottom. To me this is fancy over usability, cuz we can.
I'm sorry, but the commercial aspect of this just seems crazy. Would people really pay money for this, or ever want a code review (one of the plan differentiators)?
For something simpler and less time consuming for users I'd recommend <a href="https://heelhook.github.io/chardin.js/" rel="nofollow">https://heelhook.github.io/chardin.js/</a>