Knowledge Base
ResourcesContact Support
  • Getting started
    • Recommended playbooks
    • Common FAQs
    • Growth Plan
  • Record & Upload
    • By Supademo type
      • HTML interactive demos
      • Screenshot/video interactive demos
      • Sandbox demo environment
    • By record/upload type
      • Chrome extension
        • Smart blur
      • Desktop app
      • Figma plugin
      • Upload content
      • Record screen and webcam
  • Editing
    • HTML editing
      • Find and replace
      • Bulk anonymize content
      • AI Personalizer
    • Hotspots
      • HTML-based hotspots
      • Invisible hotspots
    • Chapters
      • Call-to-Action
      • Password protect
      • Native forms
      • Embed forms & apps in Chapters
    • Browser and progress bar
    • Add, remove, duplicate steps
    • SEO and titles
    • Blur, crop and annotate
      • Media fit & aspect ratio
    • Animations
      • Zoom and pan
      • Autoplay and loop
      • Hotspot and chapter animations
    • Background music
    • Video splitting
  • Personalization
    • Custom branding
      • Configure custom domain
      • Workspace theme
      • Supademo theme
      • Backgrounds and frames
      • Custom fonts
      • Watermark
    • Voiceovers
      • AI Voiceover
      • Manual Voiceover
    • Translations
      • Translations Hub
    • Variables and tokens
      • Variables in Showcases
      • Variables in embeds
    • Conditional branching
  • sharing
    • Share as a link
      • Trackable share links
      • Twitter / X interactive links
    • Embed online
      • Instructions for popular apps
    • Exports
      • Copy steps as SOP guide
      • Export to PDF or PNG
      • Export to MP4/GIF
    • Folder sharing
    • In-app product tours
    • Showcase collection
  • Analytics & data
    • General analytics
    • Session metrics
      • Search for leads
    • Trending content
    • Integrations
      • HubSpot integration
      • Salesforce integration
      • Google Analytics integration
      • Slack integration
      • Zapier integration
    • Data & API
      • Developer docs
      • Disable tracking
  • Workspace
    • Folders and subfolders
    • Bulk actions
    • Notifications
    • Account settings
    • Comments & collaboration
    • Team management
      • Add or approve new team members
      • Roles and permissions
  • Enterprise
    • Enterprise administration
    • Create multiple workspaces
    • SSO & SAML
  • Billing & legal
    • Billing & payments
      • Access Invoices
      • Billing FAQ
  • General Security
    • Disable tracking
    • Request account deletion
Powered by GitBook
On this page
  • HTML-based Supademos
  • Sandbox Demo Environments
  • Breakdown of interactive demo types
  • Want a personalized walkthrough?

Was this helpful?

  1. Getting started

Growth Plan

With the Growth plan and above, you have access to guided HTML interactive demos and Sandbox Demo Environments. Learn more about both below.

PreviousCommon FAQsNextBy Supademo type

Last updated 1 day ago

Was this helpful?

With Supademo's Growth plan (and up), you can create all types of interactive demos, including , , or fully self-paced

Below is a quick breakdown of some standout features included in Supademo Growth and above.

Upgrade to Supademo Growth


HTML-based Supademos

HTML-based Supademos, also known as HTML interactive demos, are pixel-perfect replicas or clones of your software product (or any web-based product)’s front-end interface.

These HTML interactive demos are created by capturing and recreating the HTML and CSS of the original product using Supademo's .

These demos allow users to interact with the product as if it were live—clicking on elements, scrolling, and experiencing hover states and animations—without requiring them to create an account or access the full live version of the application.

The end viewers are "guided" through key features or interactions through or voiceovers, helping them better understand core benefits in a visual manner.

Upgrade for HTML Supademo


Sandbox Demo Environments

Unlike guided interactive demos, Supademo's sandbox demo environments are interactive, HTML-based replicas of your actual product that behave much like a live environment, where viewers can click through multiple flows, paths, and features — all without any guided hotspots or visual cues.

These sandbox environments can be setup without the data risk or complexity of real production or staging systems, making them ideal for live demos and post-demo leave-behinds — allowing prospects and customers to freely explore and interact with the product—clicking buttons, navigating workflows, and experimenting with features—without affecting real data or requiring logins or engineering support

Upgrade for Sandbox Demos

Breakdown of interactive demo types

Demo Type
Description
Key Use Cases
Plan Access

Guided screenshot and video-based Supademos

Self-paced demos that guide viewers via text-based hotspots and voiceovers overlayed on videos and screenshot steps. Primarily linear, but can set up conditional branching with multiple hotspots and chapters.

  • Embeds in docs

  • Customer onboarding

  • Internal training

  • Embeds in product updates

  • Prototyping/feedback

  • Sales enablement

Free, Pro, Scale, Growth, Enterprise

Guided HTML-based Supademos

Self-paced demos that guide viewers via text-based hotspots and voiceovers overlayed on full HTML steps. Primarily linear, but can set up conditional branching with multiple hotspots and chapters.

  • Demo leave-behinds

  • Website product tours

  • In-app tours

  • Prospecting

Growth, Enterprise

Sandbox Demo Environments

1-to-1 product replicas that allow viewers to explore without guided hotspots or visual cues. Can mix/match invisible hotspot paths with visual hotspots if desired.

  • Live demos

  • Demo leave-behinds

  • Solutions engineering

Growth, Enterprise

With Supademo's Growth plan, you can easily mix-and-match all three types of interactive demos to maximize ROI across multiple use cases and departments.

Upgrade to Growth Plan


Want a personalized walkthrough?

Request a personalized demo

Still not sure which is the right one for you? Schedule a personalized session and we'll walk you through key use cases, advanced HTML features, and help you audit and refine your demo content — free of charge.

Schedule your (and invite your team)!

Supademo plan
personalized session here
guided screenshot/video-based demos
guided HTML demos
sandbox demo environments.
Chrome Extension
one or many text-based hotspots
Page cover image