Quick Start
Your first LiveDemo in about 5 minutes. You need Google Chrome and a free LiveDemo account.
1. Install the Chrome extension
- Open the LiveDemo Chrome extension page.
- Click Add to Chrome, then Add extension.
- 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
- Open the web app you want to demo (any
http://orhttps://page). - Open the LiveDemo extension, enter a Name and pick Screenshots + Video Recording.
- Click Start recording and click through the workflow, slowly. Every click becomes a step.
- 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
- Click Share and turn on Public access.
- 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
- Watch how viewers use it in Analytics.
- Pick a recipe for your goal in Use cases.
- Let an AI Demo Agent give the demo for you (Growth plan).
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.