> ## Documentation Index
> Fetch the complete documentation index at: https://docs.navattic.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Demo center
> Create a centralized hub for all your product demos to drive self-service exploration.
export const MediaCard = ({title = '', url, type = 'demo'}) => {
const attributes = type === 'demo' ? {
'data-navattic-open': url,
'data-navattic-title': title
} : {
'data-video': url
};
return
;
};
"Our playbook gallery has the{' '}
lowest exit rate of any page on our entire website and our overall site
conversion rate has increased by 36%"
}
domain="inaccord.com"
name="Accord"
/>
Equip your sales team with a **Demo Center** to engage prospects at every step of the journey. Turn prospects into internal champions by encouraging them to share the Demo Center widely.
These demos often have a more limited scope than [Website Overview](/use-cases/website-demos) demos and include detailed walkthroughs of specific use cases.
**Blog**: Read [Implementing Interactive Demos for Multiple Product Lines](https://www.navattic.com/blog/interactive-demo-enterprise) to see how enterprise customers demo a variety of use cases.
# Customer Examples
Below are some customer examples we love. Keep an eye out for:
* Ability to tag and filter demos by use case or persona
* Interactivity and ease-of-use
* Ungated experiences
* Consistent CTAs
# Implementation Guide
Use the guidance below to launch a Demo Center in no time! Use [Project Analytics](/analyze) to identify your most engaging demos and explore an [integration](/integrations) to quickly synthesize events data.
**Focus on value**: Aim for 8-15 steps that educate viewers on the impact of a specific solution and the pain point it addresses.
**Consider your audience**: Demo Centers are great champion enablement assets. What are questions your champions are likely to receive internally, and how can your demo get ahead of common stakeholder concerns?
**Showcase integrations**: Demo your product's integrations or features that usually require expert guidance. Navattic demos can combine captures from multiple collections or platforms - no need to switch between different apps.
**Be direct**: Include a single CTA that reinforces the next step in your sales process.
**See conversions**: Consider embedding your demo on a landing page and [integrating with Google Analytics 4](/google-analytics-ga4) to combine Navattic engagement with your website event data.
**Provide options**: Organize demos for various features or buyer personas. Include a short blurb to help viewers identify the experience that is most relevant to them
**Try ungating**: Only a small portion of websites offer Demo Centers today. A Demo Center of any kind is likely to be an advantage over competitors. Consider ungating the page to allow internal champions to circulate this widely.
**Steps 1-2**: Set the stage for your demo. What problem does this feature solve, when is it used, and who uses it?
**Steps 3-9**: Use Tooltips, Beacons, and Triggers to create an interactive experience. Keep navigation minimal to demonstrate how seamless this feature is to use.
**Steps 10-12**: What is the next step for qualified prospects? Conclude your demo with 1 direct CTA or route visitors back to your Demo Center landing page.
### Customer Interview Series
See how Demandbase uses Navattic as the foundation for their interactive demo library. Read about their strategy in the blog: [Customer Interview Series: Demo Library with Tara Quehl](https://www.navattic.com/blog/customer-interview-series-demo-libraries-with-tara-quehl)
