Easy Website Intros with Intro.JS

Posted on

  • email
  • twitter
  • facebook
  • share this

share this

One of the most effective ways to introduce website users to new features is through guided tours.

Developing these guided virtual introductions can be cumbersome however - at least without the right scripts! With a little help from Intro.js you'll be helping your visitors click through new features of your digital property and do so with greater ease than ever before.

Intro.js requires two files, a 7kb JavaScript and a 3kb CSS file. Add "data-step" and "data-intro" to the code on sections to be highlighted and you're off and running. Users that encounter sites with Intro.js are able to navigate with their mouse or the keyboard and currently works in Firefox, Chrome and even IE8. Additional browser support is on the roadmap. 

Intro.js is free and open source (even for commercial use) and is published under the MIT license.

Login To Comment

Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up


Web Design Firm 04-04-2013 10:33 AM

Pete thanks for the info on Intro.js. Could be very useful in certain situations.

ClicksCrazy 04-05-2013 7:46 AM

Will save this for the right project, as I see it mostly used in backend admin/cms areas more often than the frontend.

magnetic balls cube 08-04-2015 11:00 PM

The post on the easy website and JS introduction proved to be a real great and informative one. The post allowed me to know more about the layout and design parts of websites. Keep up the good work guys.

Add to the discussion!

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920
Email: info@websitemagazine.com