Storylane Docs
LoginStart free
  • Storylane Knowledge Base
  • Storylane Playbooks
  • Product Updates
  • 👋Welcome to Storylane
  • 🚀Quick Start Guide
  • 📸RECORDING DEMOS
    • HTML Demo
    • Screenshot Demo
    • Other Recording Options
  • 💻EDITING DEMOS
    • Editing HTML Screens
    • Editing Screenshot Screens
    • Guided Steps
      • Video Clips
      • Videos & Voiceovers
    • Chapters & Product Tour
    • Personalization
    • Sandbox Demo
    • Demo Settings
  • Demo Type Examples
  • 🎊SHARING DEMOS
    • Sharing - Overview
      • Embed
      • Share Link
      • Via Email Campaigns
        • Share via Gmail Plugin
      • Socials
      • Export GIF & Video
    • Secure Sharing
    • Conference Mode
  • 🌟AI Suite
    • Meet Lily Sales Agent
    • Create Demos with AI 🚀
      • Create & Improve with AI
      • AI Video Avatars
      • AI Voiceovers
      • AI HTML Editor
      • AI Translation
  • 🌐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 Tag Manager
      • 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?
      • Why is part of my demo cut off?
      • How to add or subtract a Date & Time token?
      • 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
  • Create Chapters
  • Setup Product Tour
  1. EDITING DEMOS

Chapters & Product Tour

Groups product features into chapters and product tours

PreviousVideos & VoiceoversNextPersonalization

Last updated 4 months ago

Chapters and Product Tours are the perfect way to showcase multiple features of your product to your viewers in a single demo.

Create Chapters

By default, Storylane creates a chapter for you when you record a demo. If you want to add new chapters, then click on next to the chapter name. See the interactive demo below on how to do it

If you want to copy a chapter from one demo to another one, check out How to copy a chapter to a demo article.

Setup Product Tour

Product Tour groups multiple chapters and gives viewers the option to pick their own adventure.

  • Click on the menu icon to open the chapters

  • Then, click on "Setup Product Tour"

    (A tip: Product Tour works best when you have more than 1 chapter)

  • Enable/Disable optional features:

    • Show Product Tour on Start

    • Expand the Product Tour to the middle of the screen

    • Mark Product Tour completed on click

  • Design the Product Tour Button

    • Style the "Button Color" and "Button Text". The default will show like this

    • You can configure the position of the button to appear (left, middle, or right corner). If you need more customization then you can fine-tune the offset values.

Try Interactive Demo Yourself 👇

💻
😎