Showcase Collections
Supademo Showcase allows you to group together multiple Supademos into a single, shareable URL or embed. This allows viewers to step through complex or lengthy tutorials, features, or instructions in a self-paced, modular way - encouraging completion rates and learning by doing.
Some use cases for multi-demo showcases include:
- A product tour within a marketing website;
- Modular onboarding guides;
- Training tutorials for internal tools;
- Trade show booths;
- Post-demo sales collateral;
Video or GIF exports are not supported for Supademo Showcases.
Here's a guide on how to create and share a multi-demo showcase
1. Click on "Create showcase"

2. Click on "Edit" to give the showcase a title

3. Add your SEO details and click on "Save"

4. Click here the section name to edit the placeholder

5. Next, let's click on "Add demo" to choose Supademos that fall under this section

6. Click on "Add" to choose the ones you want to add

7. Great. Now let's click on "Add Section" to add the next module

8. Let's call the next one "Editing a Supademo"

9. And add our next batch of Supademos...

10. When you're all done, click on "Share"

11. Click on "Copy link" to share your Showcase as a link

12. Or embed it anywhere on the web by clicking on "Copy embed code"

13. For instance, let's try adding it to our Ghost blog

14. Here's how it looks as an embed...

15. And here's how it looks when it's shared as a link!
