> ## 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.

<CustomerQuote
  quote={
<>
"Our playbook gallery has the{' '}
<strong>lowest exit rate of any page on our entire website</strong> and our overall site
conversion rate has <strong>increased by 36%</strong>"
</>
}
  domain="inaccord.com"
  name="Accord"
/>

Equip your sales team with a <Icon icon="layout-grid" /> **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.

<Note>
  **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.
</Note>

# 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

<CardGroup cols={2}>
  <Card title="Fivetran: Demo Center" href="https://resources.fivetran.com/demo-center" img="https://mintcdn.com/navattic-app/eD69r1FtqxHvjQao/images/demo-center-2.png?fit=max&auto=format&n=eD69r1FtqxHvjQao&q=85&s=ae1831969b1af7118fe6b8d6516e4efb" width="2764" height="1236" data-path="images/demo-center-2.png" />

  <Card title="Digital Ocean: Product Tours" href="https://www.digitalocean.com/product-tours" img="https://mintcdn.com/navattic-app/eD69r1FtqxHvjQao/images/demo-center-3.png?fit=max&auto=format&n=eD69r1FtqxHvjQao&q=85&s=cb473664847b065ff2d4fc5de29a108f" width="1225" height="405" data-path="images/demo-center-3.png" />

  <Card title="Absolute: Interactive product and feature tours" href="https://www.absolute.com/platform/product-tours" img="https://mintcdn.com/navattic-app/3tgzdUsTfnWiBthr/images/demo-center-absolute.png?fit=max&auto=format&n=3tgzdUsTfnWiBthr&q=85&s=93bfc452a7aee45d2ac9ba1c0f353fc3" width="2940" height="1596" data-path="images/demo-center-absolute.png" />

  <Card title="Vitally Academy" href="https://www.vitally.io/academy#interactive-product-tours" img="https://mintcdn.com/navattic-app/eD69r1FtqxHvjQao/images/demo-center-5.png?fit=max&auto=format&n=eD69r1FtqxHvjQao&q=85&s=a196c47ecd5b2c86366060424ce8253a" width="2710" height="1418" data-path="images/demo-center-5.png" />

  <Card title="Cvent: Interactive Demo Library" href="https://www.cvent.com/en/interactive-demo-library" img="https://mintcdn.com/navattic-app/eD69r1FtqxHvjQao/images/demo-center-6.png?fit=max&auto=format&n=eD69r1FtqxHvjQao&q=85&s=41b2ccce8dd3d78b2d768ffb80ccf8aa" width="2940" height="1346" data-path="images/demo-center-6.png" />

  <Card title="UserEvidence: Demo Ranch" href="https://userevidence.com/demo-ranch/" img="https://mintcdn.com/navattic-app/eD69r1FtqxHvjQao/images/demo-center-9.png?fit=max&auto=format&n=eD69r1FtqxHvjQao&q=85&s=4612ac04dde3c5d2feeb0f963d51085b" width="2940" height="1492" data-path="images/demo-center-9.png" />

  <Card title="Airbyte: Explore key features" href="https://airbyte.com/interactive-demo" img="https://mintcdn.com/navattic-app/K27e6nQw8I7X7qi7/images/demo-center-11.png?fit=max&auto=format&n=K27e6nQw8I7X7qi7&q=85&s=e94bcbbc568dd95710b9ed735f6254b8" width="2936" height="1400" data-path="images/demo-center-11.png" />
</CardGroup>

# 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.

<Steps>
  <Step title="Content">
    **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.
  </Step>

  <Step title="CTAs">
    **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.
  </Step>

  <Step title="Deployment">
    **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.

    <img src="https://mintcdn.com/navattic-app/eD69r1FtqxHvjQao/images/demo-center-1.png?fit=max&auto=format&n=eD69r1FtqxHvjQao&q=85&s=c0956288e2466e04d4a30085d2ad0f37" alt="" width="911" height="407" data-path="images/demo-center-1.png" />
  </Step>

  <Step title="Recommended Structure">
    **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.
  </Step>
</Steps>

### 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)