Getting Started
Quick Start

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 the Install Intro.js page to install the dependencies.

Adding a Tour to your page

Add Tour HTML attributes

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

For example:

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

See all Tour attributes on the Tour HTML Attributes page.

Start the Tour

Then, 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

Add Hints HTML attributes

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

For example:

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

Add hints to the page

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