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
  • Recording a screenshot/video demo via Chrome extension
  • Recording an HTML demo via Chrome extension
  • Recording an instant screenshot
  • Keyboard shortcuts for Chrome extension
  • Extension settings and options
  • Resizing window dimensions

Was this helpful?

  1. Record & Upload
  2. By record/upload type

Chrome extension

Record any web app using the Supademo Chrome extension. Record actions, clicks, and interactions within the browser environment as you navigate through the app.

PreviousBy record/upload typeNextSmart blur

Last updated 28 days ago

Was this helpful?

Important: Supademo supports native recording for any browser-based applications through the .

To create Supademos of desktop applications or mobile apps, please use the Desktop App, Uploads, or Video Splitting.

Recording a screenshot/video demo via Chrome extension

The first step to recording a Supademo is by signing up for an account and downloading our intuitive . When turned on, the extension automatically captures every single click and video transition (i.e. scrolls, typing) and stitches it together into a step-by-step, interactive product demo.

Recording an HTML demo via Chrome extension

Please note that HTML capture is only supported for web-based applications.

  1. To capture an HTML interactive demo, click the “Record HTML Supademo” button. If you don’t see this, you don’t yet have beta access yet (submit your interest ).

  2. Hover over an HTML element to select where your hotspot will be positioned/anchored next to. Click it to finalize the position.

    1. The extension will highlight elements as you hover over HTML elements, indicating where your hotspot text captions will be anchored next to. This initial position can easily be changed in the Supademo editor.

  3. Proceed to click through your product or workflow as you would for a regular Supademo.

Please give 1-2 seconds between each click to ensure each slide capture successfully uploads onto Supademo, especially on low internet connections.

  1. When you’re done recording, open the extension and click “Stop Recording” to open a fully editable sandbox clone of the product you recorded.

Please note that HTML capture may fail on intensive webpages with lots of image assets or videos.

Recording an instant screenshot

Keyboard shortcuts for Chrome extension

The Supademo extension supports keyboard shortcuts to expedite the recording process for both interactive demos and screenshots. From any Chrome browser, use the following keyboard commands below to toggle the extension:

💡 Mac

  • Record a Supademo: Cmd + Shift + 8

  • Record a Supa Screenshot: Cmd + Shift + 9

💡 Windows

  • Record a Supademo: Ctrl + Shift + 8

  • Record a Supa Screenshot: Ctrl + Shift + 9


Extension settings and options

  • Share with Workspace: option to automatically add recorded demos to the shared workspace, or keep within the personal tab.

  • Enable Video Recording: capture user-driven actions like typing, scrolling, and dragging within the recording. Turning this off will create screenshot-based demos only.

  • Apply Auto Zoom: automatically apply visual zooming and panning effects to new Supademo recordings for a visually appealing, immersive experience for your viewers.

  • Recording Dimensions: control your recording dimensions before recording to ensure a consistent experience.


Resizing window dimensions

In addition to recording interactive product demo in just a few minutes, you can instantly take using the same extension.

beautiful screenshots
Chrome extension
Chrome extension
here