ShotDemo

Interactive product demos

Show your product in a demo people click through

Record your product with the Chrome extension, capture your website or upload screenshots. ShotDemo turns them into a guided demo with hotspots, a voice, lead forms and an AI agent that answers questions. Share it anywhere and see who went all the way. Try it free with one live demo; a demo with everything is $12 once, never a subscription.

  • No card to start
  • No price per seat, ever
  • Viewers install nothing
ShotDemo's own tour, live: click the pulsing dots, or click Ask a question and ask it about ShotDemo, typed or aloud. Open it on its own

Shipped lately

  • 11 NovA/B tests
  • 11 NovMobile demos in a phone or a tablet
  • 11 NovA demo from a video
  • 11 NovA demo from a Figma prototype
  • 11 NovA website on any screen
  • 11 NovPictures for stores and social
What's new

How it works

From your product to a demo people finish

What you will see in the app, in this order. Every word, hotspot and colour stays yours to change.

  1. 01

    Bring your screens

    Click through your product with the ShotDemo Chrome extension, give ShotDemo your website's address, or upload screenshots in the order you click through. Each screen becomes a step.

    app.shotdemo.com/demos
    ShotDemo's New demo dialog with four screenshots pickedShotDemo's New demo dialog with four screenshots picked
  2. 02

    Point and explain

    Put a hotspot on the button or the number that matters and say what it does. Add chapters, a lead form, a blur, a zoom, your colours and a voice.

    app.shotdemo.com/demos/oidata-in-a-minute
    The ShotDemo editor: the steps on the left, a hotspot and its tooltip in the middle, its settings on the rightThe ShotDemo editor: the steps on the left, a hotspot and its tooltip in the middle, its settings on the right
  3. 03

    Share it, see who clicked

    Publish, then send the link, embed it anywhere or open it as a popup. Views, completion, drop-off and leads come back to you.

    app.shotdemo.com/demos/oidata-in-a-minute/analytics
    A demo's analytics in ShotDemo: views, completion and time, then each step's reachA demo's analytics in ShotDemo: views, completion and time, then each step's reach

What a demo can do

More than screenshots with arrows

Four things every ShotDemo demo can be, each shown here on a real screen of the app or a real demo.

Guided demos

Point at what matters, step by step

Each screen is a step with a hotspot on the button or the number that matters, a few words on why, and where the click leads. Chapters go between steps: a welcome, a lead form, a calendar, a video.

  • A click can lead to any step, so the tour branches on what the viewer picks
  • A natural voice on every step, and the demo in 32 languages
  • Blur a name or cover a number: it never reaches a viewer
app.shotdemo.com/demos/oidata-in-a-minute
The ShotDemo editor: the steps on the left, a hotspot and its words in the middle, its settings on the rightThe ShotDemo editor: the steps on the left, a hotspot and its words in the middle, its settings on the right

HTML pages

The page itself, not a picture of it

A demo made from your website or with the Chrome extension keeps each page as HTML beside its screenshot, so viewers see it sharp at any size and on any screen.

  • Change a price or a name in the editor, without capturing the page again
  • The page's own words translate with the rest of the demo
  • Viewers can explore it freely: click, type and scroll as in your product
www.shotdemo.com/demos/oidata-site
OIData's pricing page in a ShotDemo demo, kept as HTML, with the demo's words beside it

AI agent

A demo that answers questions

Turn on the AI agent and viewers ask in their own words, typed or said aloud. It answers from your demo and what you tell it, and takes them to the step with the answer.

  • Three starter questions written from your demo
  • Offers your calendar or your form when a viewer wants to talk
  • Every question and its answer kept for you
app.shotdemo.com/demo/33vqwcabnvxd
A ShotDemo demo with its AI agent open: a viewer's question, the answer and a Show me buttonA ShotDemo demo with its AI agent open: a viewer's question, the answer and a Show me button

Analytics and leads

See who went all the way

Views, completion and the step where people stopped, for every demo. With a lead form or a link made for one person, you also see who they are and each one's journey.

  • Leads sent on to HubSpot, Salesforce, Slack or a webhook
  • Your own Google Analytics on the demo
  • A monthly recap by email
app.shotdemo.com/demos/oidata-in-a-minute/analytics
A demo's analytics in ShotDemo: views, completion and time, then each step's reachA demo's analytics in ShotDemo: views, completion and time, then each step's reach

Everything in ShotDemo

Every feature, in one list

All of it works in the app today. Building is free; lead forms, the AI agent, your own domain and the clean exports go live with a demo you buy, $12 once.

Make

  • The Chrome extension: each click a step
  • Your website's address, on a phone or a desktop
  • Screenshots
  • A video, one step per screen
  • A Figma prototype
  • Pages kept as HTML
  • Screen recording with your camera
  • AI writes each step's words

Explain

  • Hotspots, callouts and areas
  • Chapters, lead forms and surveys
  • Branching to any step
  • Blur and covers
  • Zoom
  • A phone, a tablet or a browser frame
  • A voice on every step
  • Music
  • 32 languages

Share

  • A link, an embed or a popup
  • Inside your own app
  • Showcases and paths
  • Your own domain
  • Free exploration, a sandbox of your screens
  • An AI agent, typed or aloud
  • Password protection
  • Presenter mode

Export

  • MP4, WebM and GIF, in four shapes
  • Store and social pictures
  • A written guide and a PDF
  • An offline copy
  • A SCORM package

Measure

  • Views, completion and drop-off
  • A/B tests between demos
  • Each viewer's journey
  • Links made for one person, with their logo
  • An email when they open it
  • Leads to HubSpot, Salesforce, Slack or a webhook
  • Your own Google Analytics
  • Questions viewers asked
  • A monthly recap

Work together

  • Admins, creators and viewers
  • Editing together, live
  • Comments and review links
  • Versions to go back to
  • A media library
  • Find and replace
  • A demo check with one-click fixes
  • Ask the AI
  • An API and an MCP server

Who it is for

One demo for every team that shows your product

Marketing

Turn visitors into leads

Put a demo on your homepage, in your docs or behind an ad.

  • An embed, a popup or a link
  • A lead form with your rules, sent to your CRM
  • Views, completion and where people stop
  • Your own domain

Sales

Give every buyer their own demo

Send a demo made for one person, and see what they did with it.

  • A personal link with their name and logo
  • When they opened it and how far they went
  • An AI agent that offers your calendar
  • Presenter mode for live calls

Onboarding

Show new users the way

Guide people through your product where they already are.

  • Demos inside your app, from your own buttons
  • A demo hub with paths by role
  • 32 languages, each with a voice
  • Change a page's words when your product changes

Training

Teach a process once

One set of steps, in every format your learners use.

  • A SCORM package for your learning system
  • A written guide and a PDF
  • A narrated video in any shape
  • An offline copy for a laptop

Examples

Real products, real demos

Made with ShotDemo from screenshots, the same way you would make yours. Click through each one, watch its video export and read every step.

Pricing

Free to start, paid once per demo

No subscription and no price per seat: with your first demo, your whole team comes in free. Pay only for the demos you keep live with every feature.

Free

$0build as many
demos as you like
  • Unlimited demos and steps
  • Hotspots, chapters, blur and zoom
  • Voices and music in 32 languages
  • One demo live at a time, with a small badge
  • Views, completion and where viewers stop
  • A 720p video with a preview mark, one a day
  • Showcases and a demo hub
  • Just you: your team joins with your first bought demo
Start free

Sign in with your work email, Google or Microsoft. No card.

One demo, everything

$12per demo
paid once
  • No badge, live for good, unlimited views
  • Lead forms and password protection
  • Free exploration: a sandbox of your screens
  • An AI agent that answers your viewers
  • Links made for one person, and each viewer's journey
  • Full-HD video, the written guide and the pictures
  • The offline copy, SCORM and your own Google Analytics
  • With your first one: your team and your own domain
Make a demo

No tax added. Nothing renews.

Questions

Before you ask

Anything else? Write to email@shotdemo.com.

What is an interactive demo?

A click-through copy of your product made from screenshots. Each screen is a step with a hotspot to click, a few words on what it does and where the click leads, so people try your product in a minute with nothing to install.

How do I make a demo?

Three ways: click through your product with the free ShotDemo Chrome extension and each click becomes a step; give ShotDemo your website's address and it captures the pages; or upload screenshots in the order you click through. There is no video to record and nothing else to install.

Where can I share a demo?

Anywhere a link or an embed works: send the link, embed it on your website, help center, blog or docs, open it as a popup from a button, or show it inside your own app with a few lines of script, at your own domain if you like.

What is free?

Trying ShotDemo on your own: build as many demos as you like, with hotspots, chapters, blur, zoom, voices and music, and keep one of them live with a small Made with ShotDemo badge, with its views, completion and drop-off. Its video is 720p with a preview mark, one a day.

What does buying a demo add?

For $12 once, that demo loses the badge, stays live for good with unlimited views, and gets lead forms, password protection, links made for one person, each viewer's journey, an AI agent for viewers (up to 300 questions a month), clean video exports, the written guide, the pictures and the offline copy. Your first bought demo also lets your team in and gives your demos your own domain.

Is it a subscription?

No. You pay once for each demo you want to keep live with every feature. Nothing renews, and there is no price per seat: once you have bought a demo, invite your whole team.

Can I turn a demo into a video?

Yes. A published demo exports as an MP4 or a GIF in 16:9, 9:16, 1:1 or 4:5: the pointer travels to each hotspot and clicks, the hotspot's words become the captions and each step's spoken line the voice-over.

Who can see what is under a blur?

No viewer. A blur or a cover is burnt into the picture viewers receive, and on a page kept as HTML the words and pictures under it are taken out of the page, so what is under it never reaches them.

Can my team work on demos together?

Yes, once your workspace has bought a demo: invite people by email as admins, creators or viewers. Everyone is free: you pay per demo, never per person.

Can viewers ask the demo questions?

Yes, when you turn on its AI agent. Viewers type or say their question, and it answers from the demo's own words and what you tell it, shows them the step with the answer, offers your calendar or form when they want to talk, and keeps every question for you. It comes with buying the demo.

What is a page kept as HTML?

A step made from your website or recorded with the Chrome extension keeps the page itself beside its screenshot. Viewers see it sharp at any size, you change its words in the editor, it translates with the rest of the demo, and in free exploration viewers click around it as in your product.

Can I bring a demo from Supademo, Arcade or Storylane?

Yes, through its video: export the demo as a video from the tool you use, give it to New demo, then Video, and ShotDemo makes one step of each screen, writes the words with AI and puts each hotspot on what to click. A screen recording of your product works the same way, and a Figma prototype comes in from its link, each click link a hotspot.

Can ShotDemo make App Store and social pictures?

Yes. From a published demo, the Share window makes a picture of each screen in a phone, a tablet or a browser window on your background, with its words as the headline, in the App Store, Google Play, square, portrait, landscape, link preview and Product Hunt sizes, in each language of the demo. A bought demo's are clean; a free demo's carry a small mark.

Can viewers explore a demo on their own?

Yes. Switch the demo to free exploration (it comes with buying the demo) and viewers click, type and scroll around your screens as in your product, with no steps to follow. Every hotspot and every clickable part you add leads to its screen, a link in a page to another page of the demo goes there, and a click on something that leads nowhere shows what can be clicked. They can ask for the guided tour at any time, and the demo's analytics show where they clicked on nothing.

Make your product's demo this afternoon

Free to try with one live demo, no card. A demo you buy once has every feature and stays live for good.