Easy Website Intros with Intro.JS

Posted on

  • email
  • twitter
  • facebook
  • share this

share this

advertisement

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.

 

Custom WordPress Design Themes at 99designs.com. Get the most designs for your buck when you start a design project!


Login To Comment

forget your login information?

Become a Member

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

Sign Up

2 comments

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.

Add to the discussion!

advertisement

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

Facebook


Twitter