> For the complete documentation index, see [llms.txt](https://docs.supademo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.supademo.com/share/multi-demo-sharing/showcase-collection.md).

# Showcase Collection

***

### **What are Showcase Collections?**

[Supademo Showcase](https://supademo.com/showcase) allows you to group multiple Supademos and resources into a single, shareable URL or embed. Rather than sharing standalone demos one at a time, Collections help you bundle relevant content together, making it easier for your audience to navigate through specific use cases, features, or workflows in a structured and seamless way.

With **Showcases 2.0**, you can now include multiple content types — interactive demos, videos, PDFs, embedded forms, and more — all in one centralized destination. Choose from three different layout designs to match your use case.

{% @supademo/embed demoId="cmq9tpsbb3zjfqml61pm0ign7" url="<https://app.supademo.com/demo/cmq9tpsbb3zjfqml61pm0ign7>" %}

***

### **Supported Content Types**

Showcases now support multiple types of content in a single collection:

* **Interactive Demos** — Your Supademo walkthroughs and tutorials
* **Videos** — Screen recordings, explainers, and video content
* **PDFs** — Documents, guides, one-pagers, and resources
* **Embedded Content** — Scheduling forms, calendars, and third-party embeds

***

### **Layout Options**

Choose from three different gallery designs to match your use case:

* **Section Design** — A structured resource list, ideal for organized documentation and categorized content.
* **Checklist Design** — A guided layout for sequential workflows, perfect for onboarding and training paths.
* **Gallery Design** — A clean, visual layout for browsing multiple pieces of content with thumbnails.

***

### **How to Create a Showcase**

1. Click the **"Create Showcase"** button from your Supademo dashboard.
2. Click **"Edit"** to name your Showcase and add optional SEO metadata.
3. Click on the **section name** to rename it based on your module or topic.
4. Click **"Add Demo"** or **"Add Resource"** to include your content.
5. Click **"Add Section"** to create additional modules and organize your content.
6. Click **Save** when you're done.

> 💡 **Tip:** Use the left-hand panel to manage all your content in one place — demos, videos, PDFs, and embeds.

***

### **How to Change the Layout**

1. Open your Showcase in the editor.
2. Click **Settings**.
3. Open the **Layout** options.
4. Choose from **Section**, **Checklist**, or **Gallery** design.
5. Click **Save** to apply your layout.

> 💡 **Tip:** In Gallery view, viewers can filter by demos and resources on the left-hand side for easy navigation.

***

### **How to Enable Autoplay**

1. Open your Showcase in the editor.
2. Click **Settings**.
3. Click on **Autoplay** tab and enable **Next Demo Autoplay** to automatically advance to the next Supademo when the viewer completes the current demo.
4. Click **Save** to apply.

***

### **Benefits**

* **Multiple content types** — Combine demos, videos, PDFs, and embeds in one showcase.
* **Flexible layouts** — Choose from Section, Checklist, or Gallery designs to match your use case.
* **Centralized destination** — One shareable link for all your content.
* **Structured learning paths** — Help users navigate complex topics at their own pace.
* **Easy filtering** — Viewers can filter by content type in Gallery view.
* **Brand consistency** — Customize themes and branding across your showcase.

***

### **Use Cases**

<details>

<summary><strong>Sales Enablement and Follow-Ups</strong></summary>

Build a showcase with product demos, pricing PDFs, case studies, and a calendar embed for booking next steps. Share one link with prospects that contains everything they need to make a decision.

</details>

<details>

<summary><strong>Customer Onboarding</strong></summary>

Create a structured onboarding path with the Checklist layout. Guide new users through setup videos, interactive tutorials, and documentation — all in a sequential, easy-to-follow format.

</details>

<details>

<summary><strong>Product Education Hubs</strong></summary>

Use the Gallery layout to create a browsable resource center. Include feature demos, how-to videos, and PDF guides that customers can explore at their own pace.

</details>

<details>

<summary><strong>Partner and Internal Enablement</strong></summary>

Consolidate training materials, product demos, and reference documents into one showcase. Partners and internal teams get a single destination for everything they need.

</details>

***

> ✨ **The Result:** A centralized, multi-content showcase that delivers the right resources to the right audience — all in one place.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.supademo.com/share/multi-demo-sharing/showcase-collection.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.