Embed

Storylane demos are a fantastic way to engage visitors on your website, and they’re super easy to embed in two main formats: Inline Embed and Pop-Up Embed. Let's dive in!

• Inline Embed

• Popup Embed

• Supported Platforms

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

1. Inline Embed 📄

• Without CTA: The demo auto-starts as soon as the page loads. Perfect for seamless integration! 🎬 Example: Clari | Gong

Copy the embed code (see example) and you can add it to any website.

Inline embed code without CTA example

• With CTA: Show a demo preview with a clickable CTA button that loads the demo when clicked. 👆 Example: Storylane | Reviewr

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

Inline embed code with CTA example

Overlay embeds have a blur slider for a cleaner, distraction-free background

2. Popup Embed 🪄

• Add a CTA button on your page, and when clicked, voilà! A full-screen demo pops up for a fun, interactive experience! 🖱️✨ Example: Alphasense | SentinelOne

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

Popup embed code example

🎉 Supported Platforms – Ready to Embed? 🚀

Storylane demos play nice with a variety of platforms right out of the box! 🎬 Check out the list below and dive into the interactive fun on each one! ✨

Webflow	Wordpress	Notion	Jira Confluence	Gitbook
Readme	Miro	Guru	Trainual	Zendesk

🚀 oEmbed Support – Embed Like a Pro! 🎬

Want to add your Storylane demo anywhere? oEmbed has got your back! 🙌 Just grab the demo URL and pop it into platforms like iFramely or Embedly, and voilà – demo embedded! 🎉

Feeling like a code wizard? 🧙‍♂️ You can also use the oEmbed API for a little manual magic: API example here – just swap out the URL with your own demo link! 🔮

Ready to embed everywhere? Let's make some demo magic! ✨