Website Embed

Embedding interactive demos are a proven way to engage website visitors and drive conversions.

Storylane supports a couple of embed formats:

• Inline Embed

• Popup Embed

• Supported Platforms

• Embed Support

• Mobile-friendly Demos

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

---

👉 Inline Embed

Without Overlay

The demo auto-starts as soon as the page loads. Example: Clari | Gong

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

Inline embed code without CTA example

With Overlay

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.

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

---

👉 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: SentinelOne'

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

👉 Supported Platforms

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

👉 Embed Support

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! ✨

👉 Mobile-friendly demos

If your product doesn’t have a mobile app and isn’t mobile responsive:

Using Screenshots:

• Open the demo on a mobile-sized screen. It should display correctly.

• You can also switch to landscape mode for a better view.

• Enable “Mobile View.” This will prompt users to rotate their device.

Using HTML:

• Go to Settings > Auto-scale Demo.

• Toggle the setting ON. This will adjust the demo for mobile viewing automatically.

With these tips, you can easily capture mobile-friendly demos for your product.

If you need help or have any questions, feel free to contact us at [email protected].