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.
Last updated
Was this helpful?
Record any web app using the Supademo Chrome extension. Record actions, clicks, and interactions within the browser environment as you navigate through the app.
Last updated
Was this helpful?
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.
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 here).
Hover over an HTML element to select where your hotspot will be positioned/anchored next to. Click it to finalize the position.
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.
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.
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.
In addition to recording interactive product demo in just a few minutes, you can instantly take beautiful screenshots using the same 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:
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.