Key Concepts

Understand the building blocks of Demoship -- demo types, flows, hotspots, personalization, and publishing states.

Before building demos, it helps to understand the core concepts that apply across all Demoship products.

Demo types

Demoship supports several demo formats, each suited to different use cases:

• Interactive Demo -- Screenshot-based walkthroughs. You capture screens, add guided hotspots, and viewers click through step-by-step. Also supports mobile device frames.
• HTML Demo -- Captures your actual product HTML and CSS. Viewers interact with real UI elements, not screenshots.
• Sandbox -- A fully isolated copy of your product with pre-configured data. Prospects explore freely in a live environment.
• Demo Center -- A branded hub page that organizes multiple demos into collections by persona, use case, or industry.
• Live Demo -- AI-personalized demos that adapt content in real-time based on the viewer's context.
• Agent Demo -- Autonomous AI agents that conduct conversational product walkthroughs.

Flows and steps

Every Interactive Demo and HTML Demo is organized as a flow -- an ordered sequence of steps. Each step represents one screen or state in your product. Viewers advance through steps by clicking hotspots.

Hotspots and callouts

Hotspots are clickable highlights placed on elements within a step. They tell the viewer where to click next. Callouts are non-interactive annotations -- tooltips, modals, or highlights that provide context without requiring a click.

Branching

Flows can branch at decision points. A single step can offer multiple hotspots that lead to different paths, letting viewers choose their own journey through the demo.

Personalization variables

Variables like {{company_name}} or {{first_name}} let you dynamically swap text across all steps. Values can be set via URL parameters, integrations, or the viewer's profile.

Demo views and engagement

• View -- A viewer opened the demo.
• Engagement -- A viewer interacted (clicked a hotspot, advanced a step, or spent meaningful time).

Publishing states