iTour - An Easy Tour for the Complex Interface

Description

The plugin «itour» gives you the opportunity to tell you about the functionality of any interface. In addition, the plugin «itour» can perform the function of teaching, display the task, prompt you what to do and follow up on implementation of tasks. This is the most flexible and functional plugin among all his analogs.

LIVE PREVIEW

VIDEO PREVIEW

Features

• Tour builder
• Multipage
• Ability to continue the unfinished tour
• The intro slide in center of screen
• Displays the tour covers
• Text, Video or Audio Content
• Works with dynamic content
• Works with hidden content (select, tabs etc.)
• Localization (60 languages)
• Search elements. Supports most CSS3 selectors, as well as some non-standard selectors.
• Supports operating system “windows (7,8,10)”, MacOS, iOS, Android
• Supports brousers IE 9+, Firefox, Chrome, Safari
• Detailed documentation and tour about the tour
• 37 Positions’ Variants
• Auto Positioning of Message
• Detect Events
• Trigger Events
• Callback Functions
• Map of All Steps
• Control of Buttons Text
• Scroll to Element
• Highlighting of passed steps
• Material design
• Responsive
• Compatibility with the “Select2” plugin
• Compatibility with the “jQuery UI Tabs”
• Compatibility with the “Bootstrap Collapse”

Need more features?

We represent the revolution in the world of help-tour plugins: “iGuider”. This is an evolved “iTour”, which has more features, works faster, smoothly animates, loads less device resources and much more.

What our customers say about iTour

View itour demo on your mobile device

Quick Start

1. Include all the necessary files to the page of the site.

2. Place all necessary files on your server using ftp

3. Add HTML code with a unique data-name attribute to the code of site page.

4. Call the plug-in

API

• Options
• Methods
• Events

Guide and Demos

• startStep
• tourMapPos
• spacing
• contentPosition
• event
• trigger
• Search of elements
• And many, many other examples

Change Log

v.3.2.4 - 26/09/2018 Fixed a description of the requirements for a multi-page tour - 21/09/2018 Added a demo with an “tourMapVisible” in different steps - 07/09/2018 Added a demo with an Auto Start and a tour finished flag - 03/09/2018 Fixed a bug with the scroller, which appeared in version 3.2.3 v.3.2.3 - 16/08/2018 Add new sub-parameter for “step” parameter: “checkNext” and “checkPrev”. Paremeters in which you can carry out any verification by clicking on the “Next” or “Prev” button. v.3.2.2 - 18/09/2017 Added new callback function: “abort”. View v.3.2.1 - 17/09/2017 Added new callback function: “finish”. View v.3.2.0 - 12/05/2017 Fixed conflict of the word “function” in string variable in the page with a multi-page tour v.3.1.0 - 11/04/2017 Add new sub-parameter for “step” parameter: “stepID”. Unique ID Name. This name is assigned to the “html” tag as “data-step” attribute (If not specified, the plugin generates it automatically in the form: “step-N”) v.3.0.0 - 16/03/2017 Fixed position of Message block for mobile devices v.2.9.0 - 13/01/2017 Added support for special characters like [,],{,},(,),^,# and other in page url v.2.8.4 - 05/10/2016 Fixed text blur for webkit browsers v.2.8.3 - 27/09/2016 Added support Pinch zoom gestures on touch devices v.2.8.2 - 23/09/2016 Added “delayAfter” parameter. This parameter set delay before the transition to the next step, ms - 23/09/2016 Parameter “delay” replaced to “delayBefore” v.2.8.1 - 21/09/2016 Improved examples of tour work together with Select2 and UI Tabs View - 21/09/2016 Added example of tour work together with Bootstrap Collapse View - 21/09/2016 Added parameter “delay”. This parameter sets the delay before the element searching, ms - 21/09/2016 Fixed work of multi-page tour together with the parameter “tourContinue”: false - 21/09/2016 Fixed the events “before”, “during” and “after” in the multi-page tour v.2.8.0 - 15/09/2016 Improved Tour Builder. Now it is much easier to use and pleasing to the eye. View - 09/09/2016 Added a living example with the using of the tour on a real interface. View v.2.7.4 - 05/09/2016 Fix redirect to another page with the first step. v.2.7.3 - 05/09/2016 Improved support for iOS. v.2.7.2 - 02/09/2016 Improved multi-page redirection v.2.7.1 - 01/09/2016 Added the continue of tour from another page - 01/09/2016 Added parameter “loc” to the Tour Builder v.2.7.0 - 31/08/2016 Completely rewritten multi-page functional. Added parameter “loc”. This parameter set path to the page on which the step should work. And no longer maintained event“] v.2.6.0 - 30/08/2016 Added parameter “tourMapEnable”. With it you can turn off the tour map. v.2.5.0 - 26/08/2016 Added the ability to multi-page tour - 24/08/2016 Fix for windows 8, 8.1 and 10 versions - 24/08/2016 Added parameter ‘tourID’. This parameter allows you to save data with a unique name about tour progress. It can be used to save information on the progress of the tour for several users. Or save the progress of each tour separately v.2.4.0 - 18/08/2016 Added parameter ‘tourContinue’. This parameter add the ability to continue the unfinished tour. - 18/08/2016 Added parameter ‘tourMapJump’. If set to false, then links of steps on the tour map will not be clickable. - 18/08/2016 Added example with tabs. - 17/08/2016 Added parameter ‘introShow’. If set to true, before the tour you will see the introductory slide, which will offer to see a tour. - 17/08/2016 Added parameter ‘introCover’. It adds in intro slide a cover of tour. v.2.3.0 - 14/08/2016 Added parameter ‘textDirection’. The direction property specifies the text direction/writing direction. - 14/08/2016 Added the ability to continue the unfinished tour. If you re-start the same tour, the plugin will display dialog box with a choice of two optiovvns: “Start from beginning” or “Continue” - 14/08/2016 Added parameter “modalCancelVisible”. This parameter shows a cancel button in modal window. v.2.2.0 - 12/08/2016 Added an example of compatibility with a “select2” jquery plugin. - 12/08/2016 Added the ability to pass a foreign jquery object in the “event” parameter. If you want to listen for the event in another element, then use the array construction. (Read “Options”) v.2.1.0 - 10/08/2016 Added ability to skip steps and remove them from the tour map if the target is absent using an “showAbsentElement” parameter. - 10/08/2016 Added ability to skip any step using an “skip” parameter. - 10/08/2016 Added example with dynamic content (dynamic target). v.2.0.0 - 14/07/2016 Added support for jQuery 3.X.X - 12/07/2016 In the archive are added localization files. - 11/07/2016 Updated documentation - 11/07/2016 Improved Tour Builder work - 10/07/2016 Added parameter lang, which contains an object with the names of all the elements of the interface - 10/07/2016 Added option “endText”, which sets the text for the close button in the last step of the tour v.1.2.1 - 09/07/2016 Added the ability to assign for each tour a unique class name to change the display styles of the tour. - 09/07/2016 Added the ability to insert the description of the step without title - 09/07/2016 Added parameter “tourMapBtnLabel”. The text in the show tour button - 09/07/2016 Added cancellation of the tour by using “Esc” key - 08/07/2016 Added parameter “overlayClikable”. This option enables or disables the click event for overlying layer - 08/07/2016 Added parameter “disable” for step item. This parameter blocks access to element v.1.2.0 - 28/06/2016 In the documentation added the convenience and easy tour builder. - 28/06/2016 Added search elements by class name, id, and other attributes; - 28/06/2016 In the documentation added section “Tour About Tour”, which shows the living example of communication with site visitors through the plugin “itour”; - 28/06/2016 Added new features: add class to selected item; - 27/06/2016 Added control parameter opacity blackout; - 26/06/2016 Added option to display a message on the center of the screen without being tied to an element; - 26/06/2016 Added parametr to inserting cover image for step; v.1.0.1 - 24/06/2016 Fixed Position v.1.0.0 - 19/06/2016 Releas