Edit a LiveDemo › Steps

How to capture a LiveDemo

Make sure that you have the Chrome extension downloaded and installed on your browser before you get started.

  • Open LiveDemo's Chrome extension.
  • Select the capture type.
  • Click Start capture.

Guide

Available options

There are three methods used to capture content for interactive demos:

  • Manual recordring - enables you to create a LiveDemo using screenshots and videos based on your clicks
  • AI recording - enables you to create a LiveDemo from Demo Suggestions based on your visited pages during recording

You can combine Screenshots and Videos and Popups in a single LiveDemo.

Which capture method to use:

  • Manual recording - when you know the workflow you want to demo
  • AI recording - when you want to have an AI recommended demo for your application

More in Edit a LiveDemo

  • How to edit a LiveDemo: Learn how to open a captured LiveDemo in the editor and change steps, text, design, zoom, popups and voiceover before you publish.
  • Design: Customize the look of your LiveDemo: brand colors, fonts, hotspots and tooltip styles that match your product and website.
  • Popup: Add popups to your LiveDemo to introduce a feature, explain a step or capture leads with a form inside the interactive demo.
  • Zoom: Use zoom in the LiveDemo editor to focus viewers on the important part of a screen and make small UI details readable.
  • Voiceover: Add AI voiceover to your LiveDemo so each step of the interactive demo is narrated for viewers.
  • Autoplay: Turn on autoplay to play your LiveDemo step by step automatically, like a video, while keeping it interactive.
Next
Design

This website uses cookies to enhance the user experience.

AcceptDecline