Collections and Showcases
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"
![1 Upload](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/jzrIlbZR5rJMXpDz1l.png&x=2659&y=273&fill=2253c3&color=2253c3)
2. Click on "Edit" to give the showcase a title
![2 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/udA_21iXeacbm4pCX6.png&x=658&y=80&fill=2253c3&color=2253c3)
3. Add your SEO details and click on "Save"
![3 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/t0z65ilX3PiXo0yV00.png&x=2100&y=1634&fill=2253c3&color=2253c3)
4. Click here the section name to edit the placeholder
![4 Click here](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/LpmAq-GOMJUkBLIPAi.png&x=244&y=192&fill=2253c3&color=2253c3)
5. Next, let's click on "Add demo" to choose Supademos that fall under this section
![5 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/DEMxO9-NU9qS4z8b3R.png&x=488&y=284&fill=2253c3&color=2253c3)
6. Click on "Add" to choose the ones you want to add
![6 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/FQmNl7Fq6SVkIWrP0L.png&x=2084&y=1100&fill=2253c3&color=2253c3)
7. Great. Now let's click on "Add Section" to add the next module
![7 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/M1qy_XbATdfrd6b7im.png&x=452&y=1642&fill=2253c3&color=2253c3)
8. Let's call the next one "Editing a Supademo"
![8 Click here](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/k5p4q6BwHsoluTX0OA.png&x=354&y=632&fill=2253c3&color=2253c3)
9. And add our next batch of Supademos...
![9 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/3z6ewxUqXeg8WIinGX.png&x=596&y=738&fill=2253c3&color=2253c3)
10. When you're all done, click on "Share"
![10 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/QxVoIQ373uwfvGaNfC.png&x=2868&y=52&fill=2253c3&color=2253c3)
11. Click on "Copy link" to share your Showcase as a link
![11 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/l_fYIBE20L3fpTOY8i.png&x=1928&y=978&fill=2253c3&color=2253c3)
12. Or embed it anywhere on the web by clicking on "Copy embed code"
![12 Click on](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/NH9cIK9J-Trdpq0VUn.png&x=1192&y=1112&fill=2253c3&color=2253c3)
13. For instance, let's try adding it to our Ghost blog
![13 Click here](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/AKvi99GwFlRg1CbvE5.png&x=1630&y=893&fill=2253c3&color=2253c3)
14. Here's how it looks as an embed...
![14 Upload](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/JIAqTWPqEYucAKe55d.png&x=1115&y=371&fill=2253c3&color=2253c3)
15. And here's how it looks when it's shared as a link!
![15 Upload](https://d16ev9qffqt5qm.cloudfront.net/?s3_key=clf7r5s6900giyy0h6trezsck/QnlW29cw052DxNPWTB.png&x=182&y=1405&fill=2253c3&color=2253c3)