Storylane Docs
PRODUCT RELEASESPLAYBOOKS
  • 👋Welcome to Storylane
  • 📚Storylane Playbooks
  • 🚀Quick Start Guide
    • Planning your Demo
  • ⭐Demo Type Examples
  • 📸RECORDING DEMOS
    • Recording - Overview
    • HTML Demo
    • Screenshot Demo
    • Mobile Demo
  • 💻EDITING DEMOS
    • Guides & Chapters
      • Adding Guided Steps
        • Adding Video Clips
        • Editing Video Clips
      • Customizing Steps
      • AI Assist
      • Chapters & Product Tour
    • Editing Screens
      • Cover, Fit, and Fill
    • Personalization
      • Personalize from Lead Form
      • Personalize from URL params
    • Sandbox Demo
      • Presenter Notes
    • Videos & Voiceovers
    • Demo Settings
      • Convert CTA Button
  • 🎊SHARING DEMOS
    • Sharing - Overview
    • Embed
    • Share Link
    • Via Email Campaigns
      • Share via Gmail Plugin
    • Socials
    • Download
    • Link Security
    • Conference Mode
  • 🌟Lily AI
    • Overview: Meet Lily
    • Lily For Demo Creation 🚀
      • Create & Improve with AI
      • AI Video Avatars
      • AI Voiceovers
      • AI HTML Editor
    • Coming Soon: Lily for Buyer Discovery 🔍
  • 🌐BUYER HUB
    • Buyer Hub Overview
    • Buyer Hub Configuration
    • Buyer Hub Analytics
  • 📈TRACKING AND ANALYSING
    • Lead Capturing
    • Lead Attribution
    • UTM Tracking
    • Account-Level Insights
    • Viewer Data Enrichment
    • Usage Tracking
      • Analyzing Demo Performance
  • 🔗Integrations
    • Integrations
      • HubSpot
        • HubSpot Lead Forms
        • Hubspot Integration Features
        • Hubspot Website Embeds
        • Storylane App for HubSpot
        • Matching HubSpot Tokens to Storylane Tokens
      • Marketo
        • Marketo Lead Forms
      • Pardot
        • Custom Pardot Form
      • Salesforce
        • Storylane App for Salesforce
      • Slack
      • FreshSales
      • Dynamics 365
      • Zapier
      • Google Analytics
      • Gmail
      • Segment
      • Intercom
      • Clearbit
      • SourceForge
      • G2
      • Webhooks
      • Cross-Frame Events
      • External API
  • 🤓Account
    • Managing Demos
    • Managing Team
    • Branding
      • Custom Theme
      • Custom Domain
    • GDPR Compliance
    • SSO
    • FAQs
      • How and Why to use Cookie Tracking?
      • How to capture HTML screens from multiple tabs?
      • How to edit the background of a screen with a pop-up?
      • How to copy a chapter to a demo?
      • How to add pop-up message for non-clickable elements?
      • How to Add/Embed a Storylane Demo in a Zendesk Article
      • Customizing and Tracking Demo URL Links
      • How to combine Desktop and Mobile captures?
      • If I Cancel My Subscription, What Happens To My Demos?
      • What accessibility standards do you support?
      • How to add or subtract a Date & Time token?
      • Why is part of my screen cut off in a demo?
      • How to Install & Connect Storylane via HubSpot Marketplace?
      • How do I send data to 6Sense?
      • Lead Attribution Tracking?
      • How to record a video avatar?
      • How to rearrange folders?
      • Do I need to update my cookie policy if I use Storylane?
      • Is it possible to connect a LinkedIn tracking pixel to Storylane?
Powered by GitBook
On this page
  • Using 'Record Screenshot'
  • Using 'Record HTML'
  1. EDITING DEMOS

Guides & Chapters

PreviousMobile DemoNextAdding Guided Steps

Last updated 6 months ago

Guides are your key to crafting the perfect "Product Tour" that helps your viewers navigate and understand your product's benefits. Here's how to get started with adding guides:

Using 'Record Screenshot'

If you used the "" from the extension to record your demo, you're on the right track! You've probably created a guided demo already. Awesome job! Now, you have the power to enhance the recorded tour. Customize, remove, add, or rearrangeaccording to your preferences.

Using 'Record HTML'

"Record HTML" is available starting from the .

If you recorded your demo from an extension using "" then you would have captured all screens by now and should be ready to add .

(Note: If you need to first edit your captured content, then see )

By default, your demo creates – a sequence of steps for users to follow. To see how to add steps to your chapter, go to "".

💻
Record Screenshot
guided steps
Growth Plan
Record HTML
guided steps
editing screens
a chapter
Adding Guided Steps