Skip to main content

Quick Start

Here you can find a simple way to add a basic introduction and hints to your page.


Before you start, make sure you have Intro.js installed. Read here for a quick installation.

Adding intro

After installing Introjs, add data-intro and data-step to your HTML elements..

For example:

<a href='' data-intro='Hello step one!'></a>

See all attributes here.

Finally, call this JavaScript function:


Optionally, pass one parameter to introJs function to limit the presentation section.



runs the introduction only for elements with class='introduction-farm'.

Adding hints

To add hints you should use data-hint attribute on elements.

For example:

<a href='' data-hint='Hello step one!'></a>

Then call this JavaScript function to add the hints to the page: