Knowledge Base
ResourcesContact Support
  • Getting started
    • Recommended playbooks
    • Common FAQs
  • Record & Upload
    • By Supademo type
      • HTML interactive demos
      • Screenshot/video interactive demos
    • By record/upload type
      • Chrome extension
        • Smart blur
      • Desktop app
      • Figma plugin
      • Upload content
      • Record screen and webcam
  • Editing
    • HTML editing
    • Hotspots
      • HTML-based hotspots
      • Invisible hotspots
    • Chapters
      • Call-to-Action
      • Password protect
      • Email lead capture
      • Native forms
      • Embed forms & apps in Chapters
    • Browser and progress bar
    • Add, remove, duplicate steps
    • SEO and titles
    • Blur, crop and annotate
    • 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
    • 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
  • Import a Supademo into another Supademo
  • Screenshot or video uploads
  • Add steps from a new recording or record more steps
  • Copy steps from an existing Supademo
  • Replace existing steps in a Supademo
  • Duplicate steps in a Supademo
  • Delete steps in a Supademo

Was this helpful?

  1. Editing

Add, remove, duplicate steps

PreviousBrowser and progress barNextSEO and titles

Last updated 6 days ago

Was this helpful?

The Supademo editor supports keyboard shortcuts like Command+X, Command+C and Command+V.

You can add new steps to a Supademo through multiple methods:

Import a Supademo into another Supademo

In addition to our existing and showcase collection features, you can now add a Supademo directly into a demo that already exists.

Here's a 1-min interactive demo walkthrough:


Screenshot or video uploads

Simply click "Upload" from the edit screen of a Supademo and select multiple files you would like to upload to a Supademo.

The selected screenshots will be uploaded at the current selected position. You can use the scrolling side navigation to select the upload position.

Quickly add screenshots or video from your last 50 captured slides by clicking the Media button from the Supademo edit toolbar. You have several options to add new steps to a Supademo or add a new Supademo to an existing Supademo.


Add steps from a new recording or record more steps

  • Open the Supademo you'd like to add steps to.

  • Navigate to the slide position at which you'd like to add steps.

  • Click "Record more steps", specify the URL you want to record, and click start.

  • Record your Supademo and click Stop Recording when done.

  • Your steps will be automatically added to the Supademo.


Copy steps from an existing Supademo

  • Navigate to the Supademo or the steps you'd like to add to your current Supademo.

  • Copy (cmd+c) desired slides from one Supademo and paste it (cmd+v) into the desired position in this Supademo.


Replace existing steps in a Supademo

This feature allows you to quickly replace the background image/screenshot for an existing step within your Supademo.

This is handy for rapidly changing features or products, where you may want to retain the existing hotspot text and analytics for a particular step but want to reflect changes in your UI. Once updated, this will propagate down to everywhere the Supademo is embedded into or shared as a link.

To replace an existing image, simply click the toolbar for a step in the editor and click "Replace image":


Duplicate steps in a Supademo

Quickly duplicate an existing step by clicking the copy icon for a specific slide in the side navigation of the edit screen.


Delete steps in a Supademo

To delete unnecessary steps from your Supademo, simply delete a slide by clicking the trash can button for a specific slide on the side navigation. To delete multiple steps, simply select the desired slides from the side navigation, and click and click Delete.

merge