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.
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.
The demo link
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.
A clean, readable slug makes your link more trustworthy in email and social contexts. For example: yourapp.com/demo/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 include a short-lived token in the URL — they're intended for your team only and should not be shared externally.
Private access
For demos you want to share with specific people — without requiring them to fill in a gate form, and without making the demo fully public — you can use extension tokens.
Extension tokens are found in your Account → Settings → Extension Tokens.
Each token generates a unique access URL. Share that URL directly with the intended viewer. They can access the demo without the gate and without the demo needing to be in a published state visible to the general public.
A screenshot showing the extension tokens management screen will go here.
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/demo/your-slug"
width="100%"
height="600"
frameborder="0"
allowfullscreen
></iframe>
Adjust the width and height to suit your layout. The player is fully responsive.
UTM tracking
Append standard UTM parameters to your demo URL and Preface will capture them for each gate submission:
https://your-preface-url/demo/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.