HTML Based

Record editable product demo

Create New HTML Demo

  • Open the chrome extension
  • Select "Create New Demo" or "Choose Existing Demo"
  • Choose "Record HTML" and start capturing
Once you start capturing, you will see option with "Capture" button in the page. On clicking, it will capture the entire page HTML
Storylane smartly captures all the page content, css, images, fonts etc in an instant and it can later be edited in Editor
Story showing how to HTML capture

Advanced Capture Options

  1. 1.
    Use shortcut key (Ctrl+Shift+S) or (Cmd+Shift+S) to capture anytime
  2. 2.
    Click three dots next to "Capture" button,
    • Prompt to rename each captured screen (instead of Storylane auto-naming)
    • Add 3 seconds delay before every capture. It helps to capture any popups or tooltips or menu bars that will only appear if you keep your mouse on that element.