Welcome to Preface
Preface lets you build beautiful, interactive product demos that you can share with anyone — no code required. Whether you're onboarding new customers, enabling your sales team, or showcasing your product to prospects, Preface helps you tell your product story clearly and compellingly.
A hero image showing an example Preface demo player will go here.
What is Preface?
Preface turns screenshots of your product into guided, interactive walkthroughs. You capture your product screens, add annotations and voiceover, and share a link — your viewer gets a polished, self-serve demo they can explore at their own pace.
Unlike screen recordings, Preface demos are:
- Interactive — viewers click through steps at their own pace
- Narrated — AI-generated or custom voiceover guides viewers through each step
- Trackable — see who viewed your demo and capture leads through the gate form
- Branded — match your company's colours, logo, and fonts throughout
Key features
| Feature | What it does |
|---|---|
| Step editor | Build demos from screenshots with a drag-and-drop step editor |
| Annotations | Add tooltips, hotspots, CTA buttons, and blur regions to highlight what matters |
| Voiceover | Add AI-narrated or custom audio to each step |
| Auto-advance | Steps can advance automatically after audio finishes |
| Lead capture gate | Collect visitor details before they view the demo |
| Webhooks | Push gate submissions to your CRM or automation tools via HTTP |
| Hubs | Group multiple demos into a single branded, shareable destination |
| Analytics | Track views, completions, bounce rate, step funnel, and time on step |
| Branding | Apply your logo, colours, and fonts |
| Calendly integration | Let viewers book a call directly from your demo |
| Completion screen | End with a clear call to action |
Who is Preface for?
- Sales teams building leave-behind demos for prospects
- Customer success teams creating self-serve onboarding walkthroughs
- Marketing teams showcasing product features on their website
- Product teams communicating new features to stakeholders
How it compares
Preface is purpose-built for interactive product demos. Unlike:
- Screen recorders (Loom, etc.) — Preface demos are interactive and don't require a camera or microphone
- Presentation tools (Keynote, PowerPoint) — Preface is designed for sharing links, not slide decks
- Full interactive demo platforms — Preface is simpler, faster to set up, and doesn't require engineering access to your live product
Ready to build your first demo? Head to Getting Started to begin.