Supademo gives you flexible ways to manage your demos. You can add steps, replace or duplicate existing ones, and remove those you don’t need — all while keeping your demo polished and accurate.
Add Steps
You can add new steps to a Supademo in several ways:
❶ Record More Steps
Navigate to the slide position where you’d like to insert steps and click + Add Step
Click Record More Steps, specify the URL you want to record, and click Start.
Record as normal, then click Stop Recording when finished.
Your steps will be added directly into your existing Supademo.
❷ Upload Images or Videos
Navigate to the slide position where you’d like to insert steps and click + Add Step, orclick Upload from the main toolbar.
Select Upload Images / Upload Video from the dropdown menu.
From the pop-up window, choose your image(s) and click Open.
Note: The aspect ratio of the first step in your Supademo is applied to all subsequent steps.
❸ Record Cam & Screen
Navigate to the slide position where you’d like to insert steps and click + Add Step, orclick Upload from the main toolbar.
Select Record Cam & Screen from the dropdown menu.
Choose your desired layout and click Record after allowing permissions.
Hit Stop and Done to complete the recording.
Supademo will automatically process your recording and add it to the demo.
👉 Learn more about creating with screen and webcam here.
❹ Media Library
With the media libaray, you ca quickly add screenshots or videos from your last 50 captures.
Navigate to the slide position where you’d like to insert steps and click + Add Step, orclick Upload from the main toolbar.
Select Media Library from the dropdown menu.
From the Library add any step by clicking on the plus icon ("+") in the image tile.
Supademo will automatically load the step into your demo.
From the popup window search for the new Supademo you want to import and click the Import button next to it.
The imported Supademo steps will be added to the end of your current Supademo.
❼ Copy Steps from Another Supademo
Open the Supademo that contains the steps you want to copy.
Select the step(s) using the checkbox.
Press Command/Control + C to copy.
Open the Supademo where you want to paste the steps.
Press Command/Control + V to paste.
The copied slides will appear at the end of the demo.
Replace Existing Steps
You can quickly replace the background image or screenshot for any step without losing its hotspots, text, or analytics. This is useful when your product UI changes but you want to keep the step’s interactions intact.
When you replace an image, all embeds and shared links automatically update.
How to Replace a Step Image
Hover over the step in the left-hand panel.
Click the three-dot menu (⋮).
Select Replace Image.
Upload or select the new screenshot.
Tip: Use Replace Image when updating a product UI so you don’t need to recreate hotspots or reset analytics.
Duplicate Steps
You can quickly duplicate an existing step to save time when building or editing your demo.
How to Duplicate a Step
Hover over the step in the left-hand panel.
Click the three-dot menu (⋮).
Select Duplicate (⌘ + C).
A copy of the step will appear immediately after the original.
Tip: Use duplication when you want to reuse hotspots or annotations without recreating them from scratch.
Delete Steps in a Supademo
You can delete steps you no longer need, either one at a time or in bulk.
Delete a Single Step
Hover over the step in the left-hand panel.
Click the three-dot menu (⋮).
Select Delete (Del).
Delete Multiple Steps
Hold Shift or Command/Control to select multiple steps in the left-hand panel.
Click the three-dot menu (⋮).
Select Delete (Del).
Tip: Deletions are permanent. If you’re unsure, duplicate the step first so you have a backup copy.
