# Interactive Tour Builder

**Contributors:** jthemesstudio, spiderwares  
**Tags:** interactive tour, guided tour, driver.js, user experience, product tour
**Tested up to:** 6.8 
**Stable tag:** 1.1.0
**License:** GPL-2.0+  
**License URI:** http://www.gnu.org/licenses/gpl-2.0.txt  

Build interactive tours for your website with guided highlights, tooltips, and step-by-step walkthroughs. No coding required!

## Description

Interactive Tour Builder is a powerful WordPress plugin that lets you create engaging and interactive tours for your website. It's perfect for highlighting key features, products, or areas with step-by-step guidance, making it ideal for onboarding, product showcases, and more.

## Presentation  

[**Premium**](https://codecanyon.net/item/wordpress-interactive-step-by-step-website-tour-builder/56730735) |  [**Demo**](https://plugins.jthemesstudio.com/interactive-tour-builder/) |   [**Documentation**](https://plugins.jthemesstudio.com/docs/interactive-tour-builder/)


## 🚀 Free Features

⭐ Create unlimited interactive tours with step-by-step walkthroughs
⭐ Add tooltips, popovers, and highlights to guide users
⭐ Smooth scroll animation between tour steps
⭐ Show progress indicator bar for step tracking
⭐ Enable keyboard navigation support for accessibility
⭐ Add Next, Previous, and Done buttons with custom text
⭐ Display Close button to exit the tour at any time
⭐ Customize popup style using your own CSS class
⭐ Set custom overlay color and opacity
⭐ Control popover position: top, bottom, left, right, auto
⭐ Adjust stage padding and add rounded corners for a modern look
⭐ Limit tour display using cookies for returning users
⭐ Delay tour display after page load with customizable timing
⭐ Auto-display tours on specific pages, posts, or taxonomies
⭐ Fully responsive and mobile-friendly
⭐ Compatible with all WordPress themes and page builders
⭐ Lightweight and optimized for performance
⭐ Beginner-friendly settings panel—no coding needed


## 🚀 Pro Features

⭐ Insert dynamic content in tour steps using smart placeholders (e.g., {username}, {post\_title})
⭐ Display tours based on user roles, post types, or conditional logic
⭐ Style each tour with multiple pre-designed visual layouts
⭐ Trigger specific steps on scroll for improved engagement
⭐ Show tour steps on click of buttons, links, or custom elements
⭐ Build and run tours in the WordPress admin dashboard
⭐ Create different tours for different user roles (Admin, Editor, Subscriber, etc.)
⭐ Filter and control which tour steps display using advanced logic
⭐ Highlight key areas or elements with enhanced visual effects
⭐ Customize overlay color, shape, and animation per step
⭐ Support for dynamic content updates without page reload
⭐ Priority 24×7 premium customer support


## Watch a Quick Tutorial
<iframe width="800" height="375" src="https://www.youtube.com/embed/_1qlRGo5f7Y" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


## Installation

1. Upload the plugin files to the `/wp-content/plugins/interactive-tour-builder` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress.
3. Navigate to **Admin Dashboarc > Tour Builder** to configure the plugin settings.

## Frequently Asked Questions

### Q: Is this plugin compatible with all WordPress themes?  
A: Yes, the plugin is designed to work seamlessly with any WordPress theme, ensuring compatibility across different setups.

### Q: Does the plugin slow down my website?  
A: No, the plugin is lightweight and optimized for performance.

### Q: Is the plugin mobile-friendly?  
A: Yes, the plugin is fully responsive and optimized for all devices, including desktops, tablets, and smartphones.

## Screenshots

1. **Interactive Tour Popup:** Preview of the interactive tour popup as displayed to users, showcasing the guided steps during the tour.
2. **Tour Popup with Image:** Screenshot of the tour popup featuring an image, enhancing the visual presentation of the guided tour.
3. **Popup with Simple Highlight:** Screenshot of a basic highlight effect used to draw attention to a specific area without additional popups.
4. **Highlight with Popover:** Screenshot of an element highlight combined with a popover, offering additional contextual information.
5. **Tour Builder Steps:** Screenshot of the plugin settings page where you can configure each step of the interactive tour.
6. **Interactive Tour Builder Options:** Screenshot of the plugin settings page where you can configure options related to the tour's flow and appearance.
7. **Interactive Tour Builder Options:** Screenshot displaying the settings page for customizing additional aspects of the interactive tour, such as step content and layout.
8. **Auto Populate On:** Screenshot of the plugin settings page where you can configure automatic population of specific tour elements, streamlining the user experience.


## Changelog

### 1.1.0
- Introduced the option to display tours on search results page

### 1.0.10
- Removed Font Awesome to reduce dependency and improve performance

### 1.0.9
- Introduced a new premium tour style
- Verified compatibility with WordPress 6.8.1

### 1.0.3
- Add ability to upload image in popup

### 1.0.0
- Initial release.

## License

This plugin is licensed under the GNU General Public License v2.0 or later. For more details, visit [GPL-2.0+ License URI](http://www.gnu.org/licenses/gpl-2.0.txt).