This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

WP Intro.JS Plugin

Description

WP Intro.JS plugin allows you to easily add tours or tutorials to your site (front-end or back-end admin pages) using Intro.JS. Additionaly, hint pips are available to be displayed. Almost every feature within Intro.JS has been implemented.

WHY USE INTRO.JS?
When new users visit your website or product you should demonstrate your product features using a step-by-step guide. Even when you develop and add a new feature to your product, you should be able to represent them to your users using a user-friendly solution. Intro.js is developed to enable web and mobile developers to create a step-by-step introduction easily.

General Information

Tours can be associated to any page or post. There are 2 shortcodes available to provide quick links to start the tour or show the hints. Tours can auto-start as well as be disabled after completion per user.

Shortcodes

  • [wpintrojs_tour] – Shows a Start Tour link
  • [wpintrojs_hint] – Shows a Show Hints link

Screenshots

  • Tour Overview
  • Edit Tour
  • Add Steps
  • Add Hints

Installation

Requirements

  • PHP 5.3+ (7.3+ is preferred)
  • WordPress 3.6+
  • jQuery 1.10+

Install Methods

  • Through WordPress Admin > Plugins > Add New, Search for “WP Intro.JS”
    • Find “WP Intro.JS”
    • Click “Install Now” of “WP Intro.JS”
  • Download wpintrojs-plugin.zip locally
    • Through WordPress Admin > Plugins > Add New
    • Click Upload
    • “Choose File” wpintrojs-plugin.zip
    • Click “Install Now”
  • Download and unzip wpintrojs-plugin.zip locally
    • Using FTP, upload directory wpintrojs to your website’s /wp-content/plugins/ directory

Activation

  • Click the “Activate” link for “WP Intro.JS” at WordPress Admin > Plugins

Upgrading

  • Through WordPress
    • Via WordPress Admin > Dashboard > Updates, click “Check Again”
    • Select plugins for update, click “Update Plugins”
  • Using FTP
    • Download and unzip wpintrojs-plugin.zip
    • Upload directory wpintrojs to your website’s /wp-content/plugins/ directory
    • Be sure to overwrite your existing wpintrojs folder contents

Deactivation

  • Click the “Deactivate” link for “WP Intro.JS” at WordPress Admin > Plugins

Deletion

  • Click the “Delete” link for “WP Intro.JS” at WordPress Admin > Plugins
  • Click the “Yes, Delete these files and data” button to confirm “WP Intro.JS” plugin removal

FAQ

  • How do I start the tour or hints via JS? Just make a call to wpIntroJs_StartTour() or wpIntroJs_ShowHints().

Reviews

September 21, 2024
I needed a wizard to explain a design rationale. This plugin did the job! I’m running PhP 8 and WordPress Core 6.6.2 and it works perfectly.
June 16, 2020
I’ve already got two tours on my website introducing new users to the various features and pointing out what’s what. This plugin is exactly what I needed.
Read all 3 reviews

Contributors & Developers

“WP Intro.JS Plugin” is open source software. The following people have contributed to this plugin.

Contributors

Translate “WP Intro.JS Plugin” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

  • 1.0.0 Initial Commit