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
  1. EDITING DEMOS

Sandbox Demo

Demo environment for your sales team to use

PreviousPersonalize from URL paramsNextPresenter Notes

Last updated 2 months ago

Only when the demo is captured using "Record HTML" applicable for sandbox demos

Sandbox demos empower your sales teams to show customized, consistent, and rock-solid product demos.

Use cases

  • Quickly customizing and personalizing your demos for prospects in a discovery call

  • Showing demos of different data to various stakeholders

  • Scaling reps to show consistent demos at large scale

How to build sandbox demos

Sandbox demos are built after you record your product screens using the "" option. Once you have recorded various screens needed for your demo, then you can build links between captured screens to simulate a live demo experience.

Linking screens

  • Choose Element in the captured screen,

  • Select the 'link' icon and choose the target screen

  • While creating a link, pick how to link the element "All Screens" vs "Only this Screen".

    • "All Screens" -> Automatically search for the element across all screens to create a link. (this is useful if you have the same element repeating in different screens, so you don't have to repeatedly create links on each screen)

    • "Only this Screen" -> Will create a link only for the current screen (this is useful if you want to have different linking for the same element from different screens)

Here is the example story on how to set it up.

Try Interactive Demo Yourself 👇

👉 Tip: Shortcut Key to Highlight Links

You can use a shortcut key to find links in your HTML demo. Press “Ctrl” to instantly highlight all clickable links in blue color.

Auto-Linking screens

During HTML recording, the screens you capture are automatically linked to their respective buttons by default. If you want to turn off auto-linking, refer to the provided guide.

Try Interactive Demo Yourself 👇

💻
Record HTML