# Interactive Tour Builder

**Contributors:** SpiderWares  
**Tags:** interactive tour, guided tour, driver.js, user experience, product tour
**Tested up to:** 6.7
**Stable tag:** 1.0.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.

## 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  

### 🏆 **User-Friendly & Lightweight**  
- Designed for **simplicity and speed**, ensuring smooth performance without bloat.  

### 🎨 **Customizable Cart Button**  
- Modify the **cart icon, style, and placement** to match your site’s design.  

### ⚡ **Instant Cart Updates**  
- **Ajax-powered cart refresh** for seamless add/remove item actions—no page reloads needed.  

### 📂 **Category-Specific Product Display**  
- Choose to display products from **selected categories** for a tailored shopping experience.  

### 🎟 **Coupon Code Support**  
- Apply or remove **discount codes** directly from the cart, with **real-time feedback messages**.  

### 🖌 **Advanced Styling Options**  
- Full control over cart and product list **styles, typography, and colors** to match your brand.  

### 🛍 **Seamless Product Compatibility**  
- Works flawlessly with **variable and grouped products**, ensuring flexibility in product selection.  

### 📊 **Comprehensive Cart Breakdown**  
- Clear, detailed display of **subtotal, discounts, fees, shipping charges, and total cost**.  

### 🏗 **Elementor Widget Integration**  
- Includes an **Interactive Tour Builder** widget for **Elementor**, making setup effortless.  

### 📱 **Fully Responsive Design**  
- Optimized for **desktop, tablet, and mobile** for a smooth shopping experience across devices.  

### 🔗 **Quick Access Links**  
- Direct shortcuts to **cart and checkout pages** for enhanced usability.  

### ⚙️ **Custom Features & Flexibility**  
- **Enable/disable** cart and checkout buttons as needed.  
- **Template overwrite support** for ultimate customization.  
- **Custom CSS** options for tailored design tweaks.  

### 🔢 **Cart Product Counter**  
- Display a **real-time item count** in the cart for better tracking.  

### 🔄 **Ajax-Powered Cart Management**  
- Add or remove products dynamically with **instant updates**.  
- **Supports variable product selections** directly in the cart.  

### 📖 **Comprehensive Documentation & Support**  
- Regular updates & maintenance for long-term reliability.  
- **Easy-to-follow documentation** for smooth setup and usage.  
- **Friendly & responsive support team** ready to assist.  

### 🏆 **High-Quality Code Standards**  
- Built following **PHPCS/WPCS coding standards** to ensure **security, efficiency, and best practices**.  


## 🚀 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).