RendemoDocs
DocsStart here
Documentation

Start here

Rendemo in one tag. What a demo is, what a tour is, which one you want, and the single script tag that installs either.

One tag

Rendemo is interactive walkthroughs of your product, on the marketing site or in the app.

html
<script src="https://www.rendemo.com/embed.js" data-demo="acme/onboarding" async></script>

The script mounts the experience where the tag sits. One capture, two ways to publish.

Guided demo or overlay tour?

One capture, two ways to publish. Guided demo and overlay tour are modes of the same walkthrough, not two products.

Follow a path

Guided demo

A recorded walkthrough a visitor clicks through in an iframe on your site. Nobody touches your real app — you record once and it replays. Goes on a marketing page, for someone who has not signed up.
Live site

Overlay tour

Same recording, live site, footage off, markers on. Step-by-step guidance on your own live product, which the person performs for real. Cards anchor to markers in your source. Goes inside the app, for someone who has.

Same tag either way. A tour adds data-mode="tour" and needs markers in your source, which is the one real difference in effort: a demo touches no code, a tour edits your components.

One near-collision, because it is a different thing rather than an old name: the browser extension’s Live Guide replays a recorded demo over a live page from captured DOM, with no markers involved. “Guide” in this product always means that.

Where to go next

Three jobs. Each page ends with a working thing rather than a complete specification.

  • Put a demo on a page — the tag, where the demo id comes from, inline versus a Watch-the-demo button, and what to check when nothing appears.
  • Guide people through your app — mark the elements, turn the tour on, preview the draft against your running app.
  • Keep tours from breaking — a tour anchors to elements in your source, so deleting one breaks it silently. rendemo check catches that in CI, offline and with no token.

Reference has every attribute, event and exit code the task pages link out to. Driving it from an agent covers the Claude Code plugin and connecting any MCP client directly — worth reading when you want the tour authored for you rather than by hand.