Getting started
Create an account and your organization — demos, teammates, billing, and AI credits all live inside it.
From the dashboard, click “New demo”. You can upload screenshots right away (PNG, JPEG, WebP, or GIF up to 10 MB each) or install the Chrome extension to capture a live walkthrough.
Each screenshot becomes a step. Steps have captions, internal notes, and any number of hotspots.
Capturing with the extension
Open the extension, sign in, and select the demo to capture into. The extension requests a 30-minute capture token scoped to that demo.
In automatic mode, every click, input, and navigation captures a step with page URL, title, viewport size, and the clicked element's selector, text, and ARIA metadata. In manual mode, you capture steps with a single click on the extension button.
Password fields are never captured, sensitive input values are never stored, and incognito tabs are ignored. You can pause and resume at any time.
Editing your demo
The editor shows your step list, the screenshot canvas, and a properties panel. Drag hotspots directly on the canvas — positions are stored as percentages so they scale to any screen.
Use AI buttons in the editor to caption a step, suggest hotspots from the screenshot, or redact sensitive data. Each action is an AI Skill that costs credits and runs as a background job.
Changes autosave as you work. Your draft is never visible to viewers until you publish.
Publishing & sharing
Publishing takes an immutable snapshot of your demo — steps, hotspots, CTAs, theme, and translations. Share links and embeds always render the latest published version.
Embed anywhere with the iframe snippet from the Share page. You can restrict embedding to an allowlist of domains per demo.
Keep editing safely: the next publish creates a new version without breaking existing embeds.
AI Skills & credits
Every AI capability is a Skill with a fixed credit cost: captioning a step costs 1 credit, suggesting hotspots 2, narration scripts 5, voiceover synthesis 10, and translating a whole demo 10.
Skills run asynchronously — you'll see job status in the editor and can keep working while Agents process. Failed jobs automatically refund their credits.
The viewer assistant answers questions grounded exclusively in your published demo content — it refuses questions it can't answer from the demo.
Analytics & leads
Every published demo tracks views, unique viewers, completion rate, per-step drop-off, hotspot clicks, CTA clicks, and average time on demo.
Enable the lead capture form (start, middle, end, or floating) to collect names, emails, and companies. Export leads as CSV or send them to HubSpot, Slack, Zapier, Make, or your own webhook.
Ask the AI analyst to summarize performance and recommend improvements from your real event data.
Embeds & webhooks
Embed code: <iframe src="https://yourdomain/d/DEMO_ID?embed=1" … > — the player is responsive and adapts to its container.
Outbound webhooks fire on lead.captured, demo.completed, cta.clicked, and demo.published. Payloads are JSON and signed with an HMAC-SHA256 signature in the x-demogenius-signature header when you configure a secret.
Billing
Plans are billed monthly through Stripe. Upgrades apply immediately; AI credit allowances reset at the start of each billing month.
Owners manage the subscription from Billing, including the Stripe customer portal for invoices and payment methods.