Modal Flow Builder

Select page elements, capture screenshots, and automate web workflows.

Overview: Create Interactive Guided Tours with Ease The Modal Flow Builder Extension works hand-in-hand with the Modal Flow Builder app to help you create and manage guided user flows for any website or web application. Easily select on-page elements, capture context, and preview interactive onboarding tours — all in just a few clicks. Whether you’re building product walkthroughs, training experiences, or web app tutorials, this extension makes element selection and flow creation simple, fast, and accurate. ✨ Key Features 🎯 Smart Element Selection • Point-and-Click Selection: Activate selection mode to hover over and pick any element directly from your website. • Accurate Metadata Capture: Automatically records CSS selectors, XPath, and related element data for reliable placement in your flow steps. • Instant Screenshot Support: Captures a quick visual snapshot of the selected area for better context in your flow builder. 🎬 Seamless Flow Creation & Preview • Integrated with Modal Flow Builder: Selected elements sync instantly with your Modal Flow Builder dashboard for easy step mapping. • Live Flow Preview: Test and preview your guided tours directly within your own web app or site before publishing. • Secure Script Injection: Built using Chrome’s modern scripting APIs (Manifest V3) to ensure reliable and CSP-compliant execution. 🛡️ Modern, Secure, and Fast • Manifest V3 Compliant: Designed for performance and aligned with Chrome’s latest security standards. • Isolated & Safe Execution: Keeps your website environment protected while maintaining optimal speed and responsiveness. • Lightweight Communication: Efficiently sends only the essential data between your page and the Flow Builder dashboard. How It Works 1. Open the Modal Flow Builder in your dashboard. 2. Launch this Chrome extension when prompted to select elements. 3. Click on any element on your target web page to capture it for your guided flow. 4. Return to your Flow Builder to finalise and preview your interactive tour. Build Better User Experiences The Modal Flow Builder Chrome Extension makes creating guided tours effortless — empowering teams to onboard users, explain features, and design interactive learning journeys across any web app.