Embedding

• 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.