IntroVox
Interactive onboarding tours for Nextcloud
An interactive onboarding application for Nextcloud built with Vue 3 and Shepherd.js. Help new users discover Nextcloud with guided tours.
User Experience
On first login, a welcome message automatically appears. The tour takes approximately 2-5 minutes and is completely optional.
- Step-by-step introduction to Nextcloud features
- Option to skip and permanently disable
- Restart option via personal settings
- Tour appears automatically after a few seconds
Navigation
Buttons
Navigate through the tour with clear "Previous" and "Next" buttons.
Keyboard
Enter for next step, Backspace for previous, Escape to close.
Optional
"Skip and don't show again" button on the first step for immediate disable.
Multilingual
IntroVox supports 6 languages out-of-the-box with Transifex integration for community translations.
- English, Dutch, German, Danish, French, Swedish
- Dynamic language detection via translation files
- Independent wizard configuration per language
- Transifex-ready for community translations
Theme Support
IntroVox automatically adapts to your Nextcloud theme.
- Light, dark and high contrast mode
- Respects reduced motion preferences
- Consistent with Nextcloud UI
Personal Settings
Users have full control over their onboarding experience.
- Restart tour at any time
- Permanently disable tour
- Accessible via Personal settings → IntroVox
Administrator Features
Full CRUD Interface
Add, edit, delete and reorder steps with drag-and-drop.
Per-Language Configuration
Configure different tour steps for each supported language.
Step Configuration
ID, title, text, CSS selector and position configurable per step.
Individual Steps
Enable or disable individual steps without deleting them.
Reset to Default
Reset steps to default values with one click.
Force Show
Show the tour again to all users after major updates.
Import/Export (v1.1.0)
JSON Export
Download wizard configurations as JSON file for backup or sharing.
Offline Collaboration
Collaborate with content creators offline on tour configurations.
Version Control
Create backups and maintain different versions of your configurations.
Multi-Instance Sync
Synchronize configurations between multiple Nextcloud installations.
Accessibility
Keyboard Navigation
Fully accessible via keyboard with clear focus indicators.
Screen Readers
Support for screen readers with correct ARIA labels.
Reduced Motion
Respects reduced motion preferences for users with vestibular disorders.
High Contrast
Works perfectly in high contrast mode for visually impaired users.
Mobile Usage
Responsive
The tour works on tablets and smartphones with adapted layouts.
Touch-Friendly
Larger touch targets for easy navigation on touchscreens.
Adaptive
Tooltip positioning adapts to screen size.
Target Audiences
Organizations
Roll out Nextcloud to many new users with minimal support questions thanks to effective onboarding.
Educational Institutions
Help students and staff quickly find their way in the digital work environment.
International Teams
Multilingual organizations benefit from automatic language detection and per-language configuration.
SURF Network
Developed in collaboration with SURF, the Dutch education and research organization.
Technical Details
Vue 3
Modern frontend framework with Composition API for fast, reactive UI.
Shepherd.js
Proven tour engine for reliable step-by-step guidance.
Lightweight
Only ~210 KB optimized bundle. No external dependencies.
Local Data
All data stored locally, no external services required.
Installation
- Open Nextcloud as administrator
- Go to Apps in the menu
- Search for
IntroVox - Click Download and enable
- Go to Admin Settings → IntroVox
- Activate desired languages in "Available languages"
- Configure tour steps per language
Requirements
- Nextcloud 28, 29, 30, 31 or 32
- PHP 8.1 or higher
- Database MySQL, MariaDB, PostgreSQL or SQLite
Credits
IntroVox was developed in collaboration with SURF, the Dutch collaborative organization for ICT in education and research, who identified the need for effective onboarding.
License
IntroVox is available under the AGPL-3.0 license. The source code is fully open-source and available on GitHub.