MARKETPLACE
PLUGINS
INTRO.JS TOUR
Intro.js Tour logo

Intro.js Tour

Published April 2022
   •    Updated this week

Plugin details

Add a walkthrough tour to your applications to make it easy to onboard new users.
Questions about this plugin/template? Feel free to post any question or submit a query to get instant support.
Link to our forum:
https://forum.thechakor.com/

Free

For everyone

4.1 stars   •   4 ratings
1K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web & Native mobile

Contributor details

Chakor logo
Chakor
Joined 2021   •   371 Plugins
View contributor profile

Instructions

1. Add "Tour" element to your page. 2. Expose element ID in your application (Settings -> 3. General tab, and tick the checkbox next to "Expose the option to add an ID attribute to HTML elements".)
3. Set a unique ID to each element you want your tour to reference. You can set the ID in each element's properties.
4. In workflows, use the “Add step” action to add all the steps you want with their respective step number.
5. Add the “Start a tour” action at the end of all "Add step" actions.

Limitations:
This plugin will work only for elements that are visible on the page when "Start tour" action is triggered. If your app wants to show/hide elements during the tour, kindly contact us at thechakor.com

Types

This plugin can be found under the following types:
Api   •   Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Media   •   Customer Support   •   Technical   •   Containers   •   Mobile   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (4.1)

Great plugin
September 8th, 2023
A very helpful plugin. One area of improvement - finishing a tour fires both A Tour Is Completed and A Tour Is Exited events. This makes it hard to have different workflows for when a user cancels a tour (clicks on the tiny x) and when a user completes a tour. It would be helpful if finishing a tour only fires A Tour Is Completed and cancelling only A Tour Is Exited, or having A Tour Is Cancelled event dedicated to cancelling.
Thanks a lot for sharing this, we'll definitely include this in our next update! (plugin author)
September 12th, 2023
  •  
Chakor
Amazing product and service
March 30th, 2023
Best tour plugin! Easy to use, customizable and efficient. Amazing plugin and amazing customer service.
Note Intro.js is AGPL licenced
June 8th, 2022
Note that while this plugin is free, Intro.js itself, which it relies on, is AGPL. Meaning that you cannot use it without releasing your source code. Or you can get a (modestly priced) commercial licence from the authors.
This is the best tour plug in out there!
August 2nd, 2023
I have tried all the tour plugins and this one is the best. Only thing that would ask for to allow to change the line spacing for the text. Right now it is way too tight and doesn't look good. Otherwise, this does the job perfectly.
Thank you for your feedback. We have just added the line spacing field. You can find that at the bottom (below intro color) in element properties. The latest version published is v1.0.7 (plugin author)
June 7th, 2022
  •  
Chakor
Bubble