Skip to main content

Sharing Your Demo

Once your demo is ready, publishing it takes one click. Then share the link anywhere.

Publishing​

A demo starts as a draft — visible only to your workspace team. When you're ready to share it with the world, click Publish in the editor toolbar.

Screenshot placeholder

A screenshot of the Publish button and the published status indicator will go here.

Published demos are accessible to anyone with the link. To take a demo offline, click Unpublish — the link will no longer work for external viewers, but the demo and all its content remain saved in your workspace.

Your demo's public URL is based on its slug — a short, URL-friendly identifier. The default slug is generated from the demo title, but you can customise it in Settings → General.

tip

A clean, readable slug makes your link more trustworthy in email and social contexts. For example: yourapp.com/d/onboarding-tour is more compelling than a random string.

Preview mode​

The Preview button in the editor toolbar opens your demo in the player, bypassing the gate (if enabled) and showing unpublished content. Use preview mode to review your demo exactly as a viewer would experience it, without making it public.

Preview links use ?preview=1 and require an authenticated workspace user. They're intended for your team only and should not be shared externally.

Embedding​

You can embed your demo directly on your website or in a product. Use a standard <iframe> with the demo's public URL as the source:

<iframe
  src="https://your-preface-url/d/your-slug"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen
></iframe>

Adjust the width and height to suit your layout. The player is fully responsive.

You can copy the embed code from Settings → Access.

If a bypass token exists for the demo, Settings → Access shows a private link in this format:

https://your-preface-url/d/your-slug?token=your-token

Use this link when you need to share a gated demo without requiring the viewer to complete the gate form. Treat bypass token links as private.

UTM tracking​

Append standard UTM parameters to your demo URL and Preface will capture them for each gate submission:

https://your-preface-url/d/your-slug?utm_source=email&utm_medium=campaign&utm_campaign=launch

UTM values (utm_source, utm_medium, utm_campaign) are stored against each lead so you can attribute demo conversions to their source.