By Demo Type
Choose the right demo format for your use case — from pixel-perfect HTML clones to guided screenshot walkthroughs and fully interactive sandbox environments.
Using the Chrome Extension, you'll be able to record in one of three demo formats: 1. Guided Screenshot Demo; 2. Guided HTML Demo; and, 3. Sandbox Demos.
Guided Screenshot and Video Demo
Interactive walkthroughs built from screenshots, slides, or video. Great for re-using existing content.
• Docs & guides (embeds in docs) • Onboarding • Internal training • Product updates • Prototyping & feedback • Sales enablement
All Plans
Guided HTML Demo
Pixel-perfect clones of your product with full interactivity preserved. Editable text, images, and data.
• Leave-behinds • Product tours • In-app tours • Prospecting
Growth & Enterprise only
Sandbox Demo
Safe, life-like replicas of your product — no risk of exposing production data.
• Live demos • Leave-behinds • Solutions engineering
Growth & Enterprise only
Note: Both Guided Screenshot/Video and Guided HTML demos are linear by default, but support conditional branching with hotspots and chapters.
💡 Tip: Before recording, click on the recommendations shown by the extension — like resizing your screen to optimal dimensions and closing unnecessary tabs — to get the best demo recording quality.
HTML-based demos
HTML demos are pixel-perfect clones of your product that keep full interactivity — clicks, hovers, and animations all behave as they would in your live app. They’re the most realistic way to show off your product without requiring a live environment.
Key Features
Full interactivity with clickable elements, hover states, and animations
Editable text, images, and data after recording
Pixel-perfect design that matches your real product
Great for product tours, feature highlights, and training
Limitations
No support for uploading raw HTML or Figma captures
Screenshot/Video-based demos
Screenshot and video demos turn static assets (like screenshots, slides, or recorded videos) into guided, interactive walkthroughs. Ideal when HTML capture isn’t possible.
Key Features
Supports screenshots, images, and video uploads
Works with the Supademo desktop app for quick captures
Add text, hotspots, and voiceovers to guide viewers
Convert static content into step-by-step tutorials
Limitations
File size limits: 50MB (Pro) / 150MB (Scale+)
Sandbox Demos
Sandbox demos replicate your product in a safe, interactive environment — without exposing production data or requiring engineers to set up a demo instance. Perfect for live demos, POCs, and leave-behinds.
Key Features
Fully interactive replicas of your product
Invisible or visible hotspots for guided paths
Secure, no-risk alternative to staging or production
Customizable content with no-code editing
Benefits
Multiple formats — Choose the demo type that best fits your content and use case.
Full interactivity — HTML and Sandbox demos preserve real product behaviour.
Flexible content — Use screenshots, videos, or live captures depending on your needs.
Conditional branching — All demo types support hotspots and chapters for guided paths.
Safe environments — Sandbox demos eliminate the risk of exposing production data.
Use Cases
Sales Leave-Behinds and Prospecting
Use HTML or Sandbox demos to create personalized, interactive leave-behinds for prospects. They can explore your product at their own pace without needing access to a live environment.
Product Documentation and Guides
Embed Screenshot/Video demos directly in your docs, help centers, or knowledge bases. Turn static documentation into interactive, step-by-step tutorials.
Live Demos and POCs
Use Sandbox demos for live sales calls and proof-of-concept presentations. Show your product in action without the risk of bugs, slow load times, or sensitive data exposure.
Onboarding and Training
Create guided walkthroughs for new users or internal teams. Any demo type works — choose based on whether you need full interactivity or simple step-by-step guidance.
Last updated
Was this helpful?