# Interactive Tour Builder

**Contributors:** jthemesstudio, spiderwares  
**Tags:** interactive tour, guided tour, driver.js, user experience, product tour
**Tested up to:** 6.7 
**Stable tag:** 1.0.2
**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.jthemes.net/interactive-tour-builder/) |   [**Documentation**](https://plugins.jthemes.net/docs/tourbuilder/)

## Watch a Quick Tutorial
<iframe width="800" height="375" src="https://www.youtube.com/embed/a--Pc7KgCRA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


## 🚀 Key Features  

The **Interactive Tour Builder** plugin empowers you to create **dynamic, engaging, and fully customizable** tours for your website visitors. Here’s what makes it stand out:  

##### 🎬 **Engaging Animations**  
- Enhance user experience with **smooth, eye-catching animations** for each tour step, making interactions visually appealing and engaging.  

##### 🔄 **Seamless Smooth Scroll**  
- Enable **fluid scrolling** between tour steps, ensuring an uninterrupted and immersive experience.  

##### 🎹 **Keyboard Navigation Support**  
- Improve accessibility by allowing users to **navigate tours using keyboard controls**, making interactions effortless.  

##### 📊 **Progress Indicator**  
- Keep users informed with a **built-in progress bar**, showing how far they’ve progressed in the tour.  

##### ⏭ **Next Button Customization**  
- Fully customizable **Next** button to guide users forward, tailored to match your content and design preferences.  

##### ⏮ **Previous Button Navigation**  
- Let users go back through the tour with a **Previous** button, giving them complete control over their experience.  

##### ❌ **Optional Close Button**  
- Offer users the flexibility to **exit the tour anytime** with a Close button.  

##### ✍️ **Customizable Button Text**  
- Personalize **Next, Previous, and Done button text** to align with your site’s tone and user experience.  

##### 🎨 **Custom Popup Styling**  
- Apply a **custom CSS class** to tour popups, ensuring they seamlessly blend with your site’s branding.  

##### 📍 **Popover Position Adjustment**  
- Adjust the **popover positioning** for optimal clarity, ensuring tour steps appear exactly where needed.  

##### 🌈 **Customizable Overlay Color & Opacity**  
- **Match your brand’s color scheme** with custom overlay colors and adjust the opacity for the perfect visual balance.  

##### 🖼 **Stage Padding & Rounded Corners**  
- Fine-tune the **padding around tour steps** and apply **rounded corners** for a sleek, modern look.  

##### 🍪 **Cookie-Based Display Limit**  
- Set a **cookie limit** to control how often the tour is shown, preventing unnecessary repetitions for returning users.  

##### 🔄 **Tour Display Frequency Control**  
- Limit the number of times a tour appears, ensuring the right level of guidance without overwhelming users.  

##### ⏳ **Customizable Display Delay**  
- Control when the tour appears after the page loads, optimizing the timing based on user behavior.  

##### 🎯 **Targeted Tour Population**  
- Automatically **populate tours for specific pages, posts, or taxonomies**, ensuring relevant guidance across different content types.  



## 🚀 Premium Features  

Upgrade to the premium version and unlock powerful features that enhance your interactive tour-building experience:  

##### ✨ **Dynamic Content**  
- Personalize your tours with **dynamic variables** like post titles, usernames, and more.  
- Apply **custom filters** to modify content dynamically based on user roles, post types, or other conditions.  

##### 🎨 **Interactive Styles**  
- Create visually engaging and **interactive step-by-step tours** with advanced styling options.  
- Customize tooltips, animations, and transitions to match your site's branding.  

##### 🔄 **Populate Tour Builder on Scroll**  
- Trigger and update your tours as users scroll through the page.  
- Enhance engagement with **scroll-based tour steps** that appear at the right moment.  

##### 🖱 **Populate Tour Builder on Click**  
- Display specific tour steps when users **click on buttons, links, or elements**.  
- Guide users seamlessly through your website's key features.  

##### 🔧 **Works in WordPress Admin Area**  
- Build and display tours within the **WordPress dashboard** for a better onboarding experience.  
- Perfect for guiding new users, team members, or clients through the admin interface.  

##### 👥 **User Role-Based Features**  
- Create **customized tours** for different user roles (admins, editors, subscribers, etc.).  
- Ensure each user gets relevant guidance based on their access level.  

💡 **Upgrade to Premium Today!** Get access to these exclusive features and take your tour-building experience to the next level!  



## 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 Builder Steps:** Screenshot of the plugin settings page where you can configure each step of the interactive tour.
3. **Interactive Tour Builder Options:** Screenshot of the plugin settings page where you can configure options related to the tour's flow and appearance.
4. **Interactive Tour Builder Options:** Screenshot displaying the settings page for customizing additional aspects of the interactive tour, such as step content and layout.
5. **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.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).