Build product tours without writing code.
Turn signups into activated users.
40-60% of SaaS users sign up and never come back. They get lost, don't understand the product, or don't experience the "aha moment" fast enough. Building proper onboarding requires engineering resources that early-stage startups don't have. So users keep churning.
A no-code tool to build interactive product tours. Point and click to create tooltips, modals, and step-by-step guides. Install a single script, design flows visually, and deploy without engineering. Track which steps users complete and where they drop off.
Install script
One line of JavaScript
Build visually
Point-click to create steps
Deploy & measure
See completion rates
Create a Next.js app for onboarding flow builder. Components: - Dashboard: list of flows, analytics overview - Flow builder: visual editor for creating tours - JS widget: the script that runs on customer's site - Analytics: completion rates, drop-off points Multi-tenant: each customer gets unique widget ID. Use Supabase for auth and storing flow configurations.
Build the visual flow editor: 1. Chrome extension or bookmarklet to edit on customer's live site 2. Click any element to attach a tooltip/step 3. Step types: tooltip, modal, hotspot, checklist 4. Configure: title, description, button text, position 5. Set trigger: on page load, on element visible, on click 6. Reorder steps via drag-and-drop 7. Preview mode to test the flow Store flow config as JSON that the widget reads.
Build the JavaScript widget: 1. Lightweight script (~10kb) customers add to their site 2. Fetches flow config from API on page load 3. Renders tooltips/modals at specified elements 4. Tracks: step views, completions, dismissals 5. Stores user progress in localStorage (or by user ID if passed) 6. Only shows incomplete flows to returning users 7. Customizable styling via CSS variables Handle SPA routing: detect URL changes and trigger appropriate flows.