Demo Collections

Collections bring interactive demos, sandboxes, videos, and PDFs together on one page. Group them by topic for a product tour, onboarding guide, or demo library, then share one link or embed the collection on your website. Viewers can search and filter the collection to find what they need.

For breaking a single demo into navigable sections, see demo chapters.

How Collections Work

A collection organizes its content into lists. Open a collection to edit it, then use the sidebar to manage its contents:

• Click Add list to create a group, then Add item to choose its contents. The Demos tab contains interactive demos and sandboxes; Videos & PDFs contains previously uploaded files.
• Search by title or filter by Type and Creator. The Demos tab also has Folder and Status filters. A preview helps you check the selected item before adding it.
• Drag lists and items using their handles to change the order.
• Edit titles and descriptions directly in the collection preview.
• Open an item’s three-dot menu to manage Tags or Remove it from the list. Demos and sandboxes also have Edit demo or Edit sandbox to open their editors in a new tab. Removing an item from a collection keeps the original in your library.

One collection is included on the Starter plan. Pro and Enterprise plans include unlimited collections.

Adding Videos and PDFs

Use videos and PDFs to include supporting material alongside your demos, such as a recorded presentation, product overview, or setup guide.

Click Add item in a list and open the Upload tab. Drag in a file or click to choose one. You can upload one MP4, MOV, WebM, or PDF at a time. PDFs can be up to 100 MB. Unlock password-protected PDFs before uploading them.

Keep the browser tab open until the upload finishes. The file is added to your list automatically, and you can reuse it in other lists or collections from the Videos & PDFs tab.

Videos play inside the collection, and viewers can read PDFs in the collection’s player. If their browser cannot display a PDF there, Open PDF opens the document in a new tab.

Choosing a Layout

Use Layout at the bottom of the editor sidebar to choose how viewers browse your collection:

• Shelves displays each list as a row of demo cards above the player. Use it when viewers should browse several topics and choose where to start.
• Playlist places the lists beside the player, with previous and Next controls for moving between demos. Use it for an ordered walkthrough or training sequence. Viewers can hide the playlist to give the demo more room.

Both layouts support search and tag filters. On smaller screens, the playlist opens in a drawer so it does not crowd the demo.

Resuming Where Viewers Left Off

When a viewer moves between demos in a collection, each one picks up at the step they last reached rather than restarting from the beginning. This applies to both interactive demos and sandboxes, so viewers can jump around a collection without losing their place. Progress is remembered for the current viewing session and resets if the page is reloaded.

Organizing Demos with Tags

As a collection grows, tags help viewers find content that matches their interest. Open an item’s three-dot menu and choose Tags to add labels such as “Pricing”, “Onboarding”, or “For Admins”. Tags work with demos, sandboxes, videos, and PDFs. You can reuse a tag you have already created in that collection or make a new one as you go. Each item can carry up to 20 tags per collection, and a tag can be up to 50 characters long.

Tags belong to the collection you add them in, not to the original item. The same item can carry different tags in another collection, and tagging it in one place never changes it anywhere else.

Once a collection has tagged items, viewers can filter it by tag to focus on the content that matters to them. Choosing several tags broadens the view to show every item that matches any of them, and clearing the tags brings the whole collection back.

Sharing a Collection

Click Share and turn on Publish to unlock the sharing options. You can:

• Copy a direct share link for prospects or team members.
• Copy the Website embed code to place the collection on your website.

You can also copy share links directly from the collection card in the library view. Collection links support paste-to-embed on WordPress and the Wix plugin.

Password Protection

For a private demo library or customer-specific collection, open Share, turn on Password protection, enter a password, and click Save. Publish the collection first if the control is disabled. Viewers must enter the password to open either the collection’s share link or its embed.

The password protects the collection. It does not add passwords to the individual demos’ own share links. If you also share those links, set password protection on each demo.

To change the password, enter a new one and click Save. To remove it, turn off Password protection.

Interactive Walkthrough

Follow this walkthrough to create and share a collection.