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.

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

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 Chrome extension. 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. Please note this feature is supported on Growth plans and up.

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

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

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