How an interactive demo works

An interactive demo is your product running inside a page anyone can open from a link, with nothing to install and no account to create. Viewers move forward by clicking the highlights, at their own pace.

The difference from video is in what gets recorded. On every click, Fouvia copies the whole page as HTML: text stays text, scrolling becomes movement of that copy, and the highlight is anchored to the element you clicked, not to a screen coordinate.

• Sharp text on any screen and at any zoom, because it never went through video compression.
• Light files: repeated screens are reused across steps.
• The highlight follows the element, so the demo holds up on different screen sizes.
• Everything stays editable: text, step order, colors, even the frame.

The two pieces

The flow has two halves, and it helps to know which does what before you start.

1. The Chrome extension recordsYou browse your product as usual. It captures every click as a step and sends everything to your account.
2. fouvia.studio edits and publishesThe editor opens with the demo already assembled: steps, hotspots and cover. From there you get a public link or an embed snippet.