Turn a demo into a help center article
Repurpose product demos into step-by-step help articles that customers can use to solve problems independently.
How it works
Record the answer to a recurring support question with the Supademo Chrome extension, clicking through it as if you were showing a colleague. Open the demo in the editor and ask AI Command to shorten the hotspot text, retitle the chapter and add a voiceover to each step. From there you can use Copy Steps to export the screenshots and text, or ask AI Command to draft a longer help article. Paste the draft into your knowledge base, embed the demo inline for people who would rather click through it, and publish it from your help center.
Run it
Chapters
- 1Step 1 of 2
Tidy the Steps and Add a Voiceover
Paste this prompt and fill in the task and the voice:
Prompt I want to update this demo to have hotspot text that is short; only between 10-20 words. I want to update the chapter title to be about how to [the task this demo shows]. I want the hotspot text to help explain the steps to take. Likewise, I want to add a voiceover using [voice name] to each step.
AI Command rewrites the hotspot text, updates the chapter title and adds a voiceover to every step.
- 2Step 2 of 2
Export the Steps or Draft the Article
For screenshots and text, click Share, open the Download tab and choose Copy Steps. For a longer article, send:
Prompt I would like to turn this into a concise help article for our knowledge base. Can you draft an article here that I can copy and paste into [your knowledge base, e.g. GitBook, Notion or Confluence]?
AI Command drafts an article with a before-you-start section, numbered steps and a place to see the demo in action. Check it against the demo, paste it into your knowledge base, embed the demo inline, and publish it from there.
What Customers Get
- The answer as text they can read
- A screenshot of each screen
- The demo itself to click through