Demo Settings
The Settings panel (accessible from the demo editor toolbar) contains all configuration for a demo beyond the step content itself. Settings are organised into tabs.
Playback
Control how the demo behaves for viewers.
A screenshot of the Playback settings tab will go here.
| Setting | Description |
|---|---|
| Show progress bar | Displays a progress indicator at the top of the player so viewers know how far through the demo they are |
| Allow restart | Adds a restart button on the completion screen so viewers can replay the demo from the beginning |
| Autoplay | Starts playing audio automatically when the viewer opens the demo (subject to browser autoplay policies) |
Voiceover voice
If your workspace has an ElevenLabs API key configured, you can select the AI voice used for voiceover generation. The voice is set per-demo — different demos can use different voices.
Calendly integration
Preface integrates with Calendly to let viewers book a call directly from your demo.
A screenshot showing the Calendly button in the demo player will go here.
To enable it:
- Go to Settings → Calendly
- Paste your Calendly URL (your personal or team scheduling link)
- Optionally customise the CTA button label (default: "Book a demo")
Once enabled, a booking button appears in the player's header bar throughout the demo. Additionally, any CTA annotation with the action set to Book a demo will open the same Calendly widget.
Completion screen
The completion screen is what viewers see after they reach the final step of your demo. Configure it to give viewers a clear next action.
A screenshot of the completion screen as seen by a viewer will go here.
| Field | Description |
|---|---|
| Heading | The main title on the completion screen (e.g. "You've seen the product!") |
| Body | Supporting text — a good place for a brief description or next-step guidance |
| Primary CTA | A prominent button with a label and URL (e.g. "Start free trial" → your sign-up page) |
| Secondary CTA | A secondary link for an alternative action (e.g. "Talk to sales") |
If Calendly is configured, a booking button is also shown on the completion screen alongside your CTAs.
Gate settings
See the dedicated Gate page for full documentation on the lead capture form.
Branding
See the dedicated Branding page for full documentation on visual customisation.
Access
Control who can view your demo. By default, published demos are publicly accessible to anyone with the link.
For private sharing, Extension tokens let you share a unique access link with specific viewers. See Sharing for more.
Danger zone
The Danger section at the bottom of Settings contains publish controls and irreversible actions.
Publishing
- Publish demo — makes the demo publicly accessible at its shareable link
- Unpublish — returns the demo to draft; the link stops working immediately
If your workspace has reached its published demo limit, clicking Publish demo will show a message rather than publishing. Unpublish an existing demo first, or contact your administrator about upgrading your plan.
Deleting
- Delete demo — permanently deletes the demo and all its steps, leads, and settings. This cannot be undone.