Filament Tour Laravel Package

Product Decisions This Supports

• Onboarding & User Education: Accelerate feature adoption by guiding users through critical workflows (e.g., dashboard navigation, form submissions) with interactive walkthroughs.
• Reduced Support Burden: Proactively teach users how to use complex Filament panels, reducing repetitive "how-to" inquiries.
• A/B Testing & Feature Rollouts: Deploy tours to specific user segments (e.g., new users, power users) to test UI changes or highlight new features without code changes.
• Compliance & Training: Mandate guided tours for sensitive actions (e.g., "How to Configure GDPR Settings") to ensure proper usage.
• Build vs. Buy: Avoid reinventing wheel for in-app guidance; leverage this package to integrate DriverJS (a battle-tested library) into Filament with minimal dev effort.
• Roadmap Prioritization: Justify investment in Filament-based admin panels by demonstrating how tours can improve retention/metrics.

When to Consider This Package

• Adopt if:

  • Your product relies on a Filament admin panel and needs interactive onboarding.
  • You lack resources to build custom tour solutions (e.g., no frontend dev bandwidth).
  • You want low-code flexibility (JSON/Php-based tours) without sacrificing customization.
  • Your users struggle with complex workflows (e.g., multi-step forms, nested menus).
  • You need conditional tours (e.g., show only if user hasn’t completed X action).

• Look elsewhere if:

  • You’re using non-Filament frameworks (e.g., React, Vue) or need cross-platform tours.
  • You require advanced analytics (e.g., tracking tour completion rates) beyond what DriverJS offers.
  • Your team prefers video-based tutorials over interactive guides.
  • You need multi-language support out-of-the-box (package relies on Filament’s localization).
  • Your Filament version is not supported (check compatibility matrix).

How to Pitch It (Stakeholders)

For Executives: "This package lets us add interactive, zero-code walkthroughs to our Filament admin panel—like a GPS for our users. For example, we can guide new customer support agents through ticket triage workflows or onboard marketers to our analytics dashboard. Studies show guided tours can boost feature adoption by 30% and reduce support tickets by 20%. It’s a lightweight, scalable solution that turns passive users into confident power users—without hiring a frontend dev."

For Engineers: *"This wraps DriverJS (a mature, dependency-free library) into Filament with two key benefits:

1. Plug-and-play: Add tours in minutes via PHP/JSON—no React/Vue overhead.
2. Filament-native: Works seamlessly with Livewire, panels, and Filament’s theming (dark/light mode). Use cases:

• Conditional tours: Show a ‘Create Your First Post’ tour only if the user has zero posts (Livewire::dispatch logic).
• JSON-driven: Store tours in files for non-devs to edit (e.g., marketing teams tweaking copy).
• Dev tools: Built-in CSS selector picker to debug tours without Chrome DevTools. Tradeoff: Limited to Filament, but saves ~100 hours of custom dev work for a feature most users won’t notice until they need it."*