LiveDemo
CTRL K
🚀 Getting StartedQuick Start

Quick Start

Your first LiveDemo in about 5 minutes. You need Google Chrome and a free LiveDemo account.

1. Install the Chrome extension

  1. Open the LiveDemo Chrome extension page.
  2. Click Add to Chrome, then Add extension.
  3. Pin it from Chrome's puzzle icon so it's one click away.

Designing in Figma? Use the Figma plugin instead.

2. Capture a workflow

  1. Open the web app you want to demo (any http:// or https:// page).
  2. Open the LiveDemo extension, enter a Name and pick Screenshots + Video Recording.
  3. Click Start recording and click through the workflow, slowly. Every click becomes a step.
  4. Stop the recording from the extension. Your demo opens in the editor.

More options: How to capture a LiveDemo.

3. Edit it

In the editor:

  • Rewrite the text of each step so it says why the click matters, not just where to click. See Steps.
  • Add an intro popup as the first step.
  • End with a call-to-action popup, such as "Book a demo".
  • Set your colors and logo in Custom → Theme. See Design.

Changes save automatically.

4. Share it

  1. Click Share and turn on Public access.
  2. Click Copy link to send it, or open Share → Embed and copy the Website code to put it on your site.

See Share your public LiveDemo and Embed on website.

What's next

Stuck? See Troubleshooting.


Next: Use cases

More in Getting Started

  • Introduction: LiveDemo is an interactive demo platform: capture any web app with a Chrome extension, edit it, share it, track engagement and let an AI Demo Agent give demos.
  • Use Cases: Recipes for using LiveDemo interactive demos: website product tours, sales outreach, help center guides, customer onboarding, product launches and AI-led inbound demos.
  • Create Your Account: Sign up for LiveDemo with Google or email, verify your email address and answer the onboarding questions to get to your first interactive demo.
  • Install Chrome Extension: Install the free LiveDemo Chrome extension from the Chrome Web Store to capture interactive demos of any web app or website.
  • Install Desktop App: Download the LiveDemo desktop recorder for Mac or Windows to record desktop apps and anything outside the browser.
  • Install Figma Plugin: Install the LiveDemo App plugin from the Figma Community to turn your Figma designs into interactive product demos.
  • Glossary: Definitions of the terms used in LiveDemo: LiveDemo, screen, step, pointer, hotspot, popup, transition, workspace, AI Demo Agent, session, lead and more.
© 2026 LiveDemo. All rights reserved.