Website Embed
Embedding interactive demos are a proven way to engage website visitors and drive conversions.
Storylane supports a couple of embed formats:
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. Perfect for seamless integrationb! 🎬 Example: Clari | Gong
With Overlay
Show a demo preview with a clickable CTA button that loads the demo when clicked. 👆 Example: Storylane | Reviewr
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'
👉 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! ✨
👉 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.
Last updated