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 🔍
  • 🌐DEMO HUB
    • Demo Hub Overview
    • Demo Hub Configuration
    • Demo 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
  • Inline Embed without CTA
  • Inline Embed with CTA
  • Popup Embed
  • Supported Platforms
  • oEmbed Support
  1. 🎊SHARING DEMOS

Embedding

Last updated 1 year ago

  • Storylane demos can be embedded across a wide variety of websites or services.

  • There are multiple options for you to embed Storylane demo depending on your needs:

    • Inline Embed

      • Without CTA

      • With CTA

    • Popup Embed

    • Supported Platforms

To embed your demo into a Hubspot website or landing page, please refer to this article.

Inline Embed without CTA

  • Copy the embed code (see example) and you can add it to any website. The demo starts once the page loads.

  • Here is how our customers did it:

    1. Clari - https://www.clari.com/product-tour/

    2. productboard - https://www.productboard.com/

Inline Embed with CTA

  • Demo preview is shown with the CTA button (see example). Clicking CTA loads the demo.

  • Here is how our customers did it:

    1. Humi - https://www.humi.ca

    2. Reviewr - https://www.reviewr.com/

Popup Embed

  • Add the CTA button on your website (see example) and on click, it will open a popup window with the demo.

  • Here is how our customers did it:

    1. Alphasense - https://www.alpha-sense.com/industries/consulting/

    2. SentinelOne - https://www.sentinelone.com/lp/tour/

Supported Platforms

Below is a list of platforms that are supported out-of-box for embedding Storylane demos.

Explore 'how-to' interactive demos for each one below:

Webflow

Wordpress

Notion

Jira Confluence

Gitbook

Readme

Miro

Guru

Trainual

Zendesk

oEmbed Support

  • Storylane demos support oEmbed standards which means you can add the demo story URL to many different platforms or services apart from the ones mentioned above.

  • If you are using iFramely or Embedly, you can use the demo URL directly. But for manual implementation you can use the oEmbed API that we support.

  • https://api.storylane.io/oembed/meta?url=https://app.storylane.io/share/ha3eti5gqq2c

  • Here, the value of url query parameter needs to be replaced with the demo URL.