Elevate your user onboarding experience with the Lunca Enterprise Tour Guide. Designed specifically for BPO and SaaS platforms, this plugin allows you to create seamless, step-by-step interactive walkthroughs without the heavy lifting of manual groups and complex workflows.
Featuring a sleek "spotlight" effect and automated progress tracking, it ensures your users master your platform’s features from the very first login. Fully customisable and built for the high standards of the UK tech market.
Free
For everyone
stars • 0 ratings
4 installs
This plugin does not collect or track your personal data.
📘 Lunca Enterprise Tour Guide - Official Documentation
Overview: The Lunca Enterprise Tour Guide is a high-performance, lightweight product tour engine designed to onboard users and highlight key features within your application. By eliminating the need for complex manual workflows, it provides a professional "spotlight" experience that guides users through your platform’s interface with ease.
🛠️ Installation & Setup 1. Enable HTML ID Attributes To allow the plugin to identify which elements to highlight, you must enable IDs in your Bubble application:
Navigate to Settings > General.
Scroll down and tick the box: "Expose the option to add an ID attribute to HTML elements".
2. Target Your Elements
Select the element you wish to highlight (e.g., a Button or Input).
In the Appearance tab, scroll to the bottom and enter a unique name in the ID Attribute field (e.g., step-one, save-button).
🚀 How to Use (Workflows) Triggering the Tour:
Create a workflow (e.g., "When Page is Loaded" or "When Button is Clicked").
Add the action: Start Lunca Tour.
Configuration Fields: For each step of your guide, populate the following enterprise-standard fields:
Element ID: Enter the exact ID you assigned to the target element (do not include the # symbol).
Title: The heading that appears in the spotlight popover.
Description: The detailed guidance or explanation for the user.
📘 Lunca Enterprise Tour Guide - 2026 UI Standard Overview: A premium onboarding engine featuring Dark Glossmorphism and scalable step logic for high-end SaaS platforms.
1. Design Implementation: To match a professional dark dashboard, use the following HEX codes in your workflow action:
Background: #1a1a1acc (Frosted Black)
Next Button: #e3127e (Lunca Magenta)
Typography: Use white for titles and light grey for messages.
2. Scaling Your Tour: The engine now supports up to 10 sequential steps.
Steps are automatically processed in numerical order.
If a Step ID is left blank, the system intelligently skips it, allowing for dynamic guide lengths (e.g., a 4-step tour or a full 10-step masterclass).
3. Advanced Customisation: * Title Font Size: Always include 'px' (Recommended: 22px).
Element Highlight: The active element will automatically receive a subtle glow matching your Next Button Color to focus the user’s attention.
Types
This plugin can be found under the following types: