In-app demo hub
Put your interactive demos in a searchable hub inside your app, website, or docs. Users open it from a launcher or a button when they need a walkthrough.
Supademo's own demo hub, opening inside the Supademo dashboard. Its demos are sorted into Quick Start Guide, AI, HTML & Sandbox, Personalize, and Share & Track, and the pointer opens the "Generate text with AI" demo.
Example demo hub for Strava, opening inside the Strava dashboard. Its demos are sorted into Getting Started, Track & Analyze, and Share & Compete, and the pointer opens the "Create custom routes" demo.
Example demo hub for Freshdesk, opening inside a Freshdesk ticket list. Its demos are sorted into Start Here, Advanced Tutorials, and Tips & Tricks, and the pointer opens the "How to Find the Freshdesk API Key" demo.
Example demo hub for HubSpot, opening inside HubSpot's contacts list. Its demos are sorted into HubSpot Basics, Accounts, and Sequences, and the pointer opens the "How to Create a Deal in HubSpot" demo.
Example demo hub for Help Scout, opening inside a Help Scout inbox. Its demos are sorted into Creation, Organization, and Automations, and the pointer opens the "Adding tags to tickets" demo.
Example demo hub for Typeform, opening inside a Typeform workspace with the hub's dark theme. Its demos are sorted into Typeform Basics, Advanced Tutorials, and Integrations, and the pointer opens the "How to group questions" demo.
How it works
Record each workflow once, sort the demos into categories, and add one script to your app. After that, anyone on your team can change the hub without code.
Record each workflow with the Chrome extension or desktop app
Click through the workflow once in your product. Supademo saves each click as a step of an interactive demo.
Sort demos into categories and match your brand
Create a hub, add categories, and search your library for the demos and showcases to put in each one. The hub starts with your workspace's logo and colors.
Open the hub from a launcher or any button in your app
Paste the one-line Supademo script into your app. Users open the hub from a floating launcher, or from any button, tooltip, or menu item you attach it to.
In the hub
You set most of this in the hub editor. Placing the launcher or wiring up a button takes a line of code.
Walkthrough
This 30-step interactive demo creates a hub, adds demos to its categories, and installs it in a sample dashboard.
Compare
| Compared on | Product tour | Demo hub |
|---|---|---|
| Who starts it | The tour, on page load or on a schedule | The user, from a launcher or a button |
| When your UI changes | Tooltip chains can break and need fixing | Demos are recorded copies, so a UI change can't break them |
| Format | A chain of tooltips in one sitting | Short demos, one workflow each |
| Who edits it | Often an engineer | Anyone on your team, without code |
| Pricing | Often usage-based | Unlimited demo views on every plan |
All features
Commonly asked questions about Supademo. Have other questions? Reach out and our team will be happy to help.
A demo hub is a searchable library of interactive demos that opens inside your app or website. Users open it from a launcher or a button you choose, then pick the walkthrough they need.
A product tour starts on its own and walks every user through a fixed sequence. A demo hub stays closed until a user opens it and searches it for the demo that answers their question.
Only to paste the one-line Supademo script into your app or website. After that, anyone on your team can add, remove, and reorder demos without code.
Yes. Create as many categories as you need and add demos and showcases to each one. You can rename demos, swap their thumbnails, and change their order at any time.
From a floating launcher in the bottom-right or bottom-left corner, or from any button, tooltip, or menu item you attach the hub to.
Yes. You can build separate hubs for different pages, products, or user roles, or reuse one hub and open it on a different tab from each page.
Onboarding new users, announcing new features, workflow tutorials for each role, and self-serve answers to the support questions you get most.
Demo hubs are on the Scale, Business, Growth, and Enterprise plans. Every plan, including Free, includes unlimited demo views.
