Skip to content
Sign in Add to Chrome

Demo collections

Put your demos on one page.

A collection is a branded demo center with its own link and embed. Visitors pick a demo from the list and it plays right there, and you decide when to ask for an email. One collection on Pro, unlimited on Team.

Try Pro free for 14 days See pricing
  • Free (not included)
  • Pro (included)
  • Team (included)

One collection on Pro, unlimited on Team. Not on Free.

The page

A demo center with its own link.

Create a collection, add your live demos and arrange them. The page uses your brand kit, lives at its own address on atriumkit.com, and can be embedded in your site.

  • Demos, section headings and external links, in the order you drag them
  • A title and description for each demo on this page, without changing the demo
  • Your brand kit’s header, colors, fonts and button, and “Made with AtriumKit” off if you like
  • A sidebar list on desktop and a collapsible one on phones
  • Public, Unlisted or an Email gate, and a link you can rename

Viewing

Visitors pick what they need.

Nobody has to sit through a tour of everything. Visitors open the demo that answers their question, and the page helps them find the next one.

  • “N of M viewed” progress, remembered in the visitor’s browser
  • Previous and Next, and a link straight to any demo on the page
  • An “Up next” card when a demo ends, and a completion card once they’ve seen them all
  • Values in the collection’s link, like ?company=Acme, personalize every demo on it

Lead capture

Ask for an email when they’re interested.

Choose when the page asks. Once a visitor leaves an email, the page doesn’t ask again, and the demos’ own email gates count it too.

  • Email gate: one email before the page opens every demo
  • Locked demos: visitors browse the rest, and one email unlocks every locked demo
  • After N demos: ask once they’ve watched a set number of demos, with or without a “Not now”
  • The header button opens a link or a short form with email plus name, company or phone
  • After the form, show a message, a button to your calendar, or send them to a page

Analytics

See which demo did the convincing.

The collection’s Analytics tab shows what visitors opened and how the page turns visitors into leads.

  • Page views per day, and opens, visitors and finishes for every demo and link
  • CTA clicks, forms shown, leads and conversion rate by source
  • The demo each lead was watching when they converted
  • Leads arrive in Slack or your CRM with what they watched, like “2 of 5”
  • Views on the page still count in each demo’s own analytics

How it works

  1. 01

    Create a collection

    Name it for the people who’ll see it, like “Product tours”.

  2. 02

    Add demos

    Pick live demos, add section headings and links, and pick a brand kit.

  3. 03

    Choose when to ask

    Set the button, the form and the gate, then preview the page on desktop and phone.

  4. 04

    Share it

    Send the link or embed the page on your site.

Use cases

Teams that use it

FAQ

Questions, answered.

Which plans include collections?

Pro includes one collection and Team includes as many as you need. Collections aren’t on Free, and if a workspace moves to Free its collection pages go offline. Lead capture on the page comes with every plan that has collections. See pricing.

Which demos can I add?

Any live demo in the same workspace. Visitors only see demos that are published, so a demo you unpublish leaves the page until you publish it again.

Can I embed a collection on my site?

Yes. Share gives you the hosted link and an embed code, Responsive or Fixed 1280×720.

Does locking a demo make it private?

The collection never shows a locked demo before the visitor leaves an email. The demo’s own link still works on its own, so set locked demos to Unlisted to keep their links unguessable. The editor reminds you.

Is the page translated for visitors?

When your demos are translated, the page picks one of their languages from the visitor’s browser and shows a language picker. Its built-in labels and every demo that has that language follow it. Your own titles, sections and button text show as you wrote them.

Works well with

Your next demo is one click-through away.

Add to Chrome Open the app