Every other onboarding tool sends visitors somewhere else — a Loom link, a screenshot tour, a separate demo domain. looped.live keeps them here: your voice and cursor, floating over the page they're already on, with highlights bound to the live DOM.
One plan that scales with you. Cancel anytime.
Not a demo environment. Not a screenshot tool. You open your actual product in a browser tab — the looped toolbar appears. You walk through it as you would on a customer call: scrolling, clicking, explaining.
Press ⌘E on any element while recording. Its CSS selector is captured live — not a screenshot, not pixel coordinates. The selector. It will resolve against the visitor's DOM at playback time, on their actual page, regardless of what changed since you recorded.
A Loom link takes visitors away from your product. A chat widget buries the video in a side panel. looped.live floats the video directly over the page the visitor is already on — they watch you explain your pricing while looking at your pricing page. Context is never broken.
One <script> tag covers every page. Define which video shows on which URL — homepage, /pricing, /signup. New visitors see the founder hello. Returning visitors skip it. Once seen, never repeated.
Screenshot-based tools store pixel coordinates. After one redesign, one deploy, one viewport change — the highlight is in the wrong place. Or silently gone.
looped.live stores the CSS selector of every element you marked. At playback, document.querySelector(selector) runs against the visitor's live DOM. The highlight appears over their actual element — adapts to their viewport, survives your next deploy, updates with your product automatically.
The three properties that together define in-context video onboarding. Most tools have one. Some have two. None of them had all three — until now.
| Tool type | Real video | Stays on the page | DOM-aware highlights |
|---|---|---|---|
| Async videoLoom, Vidyard, Slack clips | ✓ | ✗ opens new tab | ✗ |
| Product toursAppcues, UserGuiding, Pendo | ✗ tooltips, no video | ~ on-page | ✗ screenshots |
| Interactive demosArcade, Navattic, Storylane | ~ screenshot video | ✗ vendor domain | ✗ screenshots |
| looped.liveIn-context video onboarding | ✓ webcam + screen | ✓ floats on page | ✓ live DOM |
Add the snippet to your site. One token covers every page. No configuration required.
Open your site, hit record. Walk through it. Press ⌘E to mark elements. Done in 90 seconds.
Choose which URL shows the video and for which visitor — new, returning, or any. Publish. Done.
Free forever for side projects. Flat fee for teams — no per-play markups, no overage anxiety.
Three different gaps. Loom is great for async — but it's a link, visitors leave your page to watch it. Appcues and UserGuiding build tooltip tours in a separate editor using screenshots — they break after a redesign. Arcade and Navattic are clickable screenshots living on a different domain. looped.live is the only tool where both recording and playback happen on the live website, with highlights that resolve against the visitor's actual DOM via CSS selectors. A different category entirely.
CSS selectors are robust as long as the element still exists. If you rename an ID from #pricing-cta to #hero-cta, looped falls back to the bounding rect captured at recording time. And re-recording takes 90 seconds — because you're recording on the real product, not rebuilding a static tour step-by-step.
No — and we have receipts. The widget is 28KB, async, and lazy-loaded after first paint. Measured impact: +0ms LCP. Your Core Web Vitals stay intact.
Screen-only mode works too — you still get cursor replay and DOM highlights, just without the webcam feed. That said: a real human face outperforms screen-only by roughly 2×. The recording is 90 seconds on your own product, not a polished production.
Record your first contextual video in 90 seconds — on your real product, with real DOM highlights. Live in 4 minutes.