> ## Documentation Index
> Fetch the complete documentation index at: https://docs.userpilot.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Welcome to Userpilot Documentation

> Complete guide to Userpilot - the product growth platform that helps you onboard users, drive feature adoption, and boost retention without code.

Trusted by thousands of product and customer teams, Userpilot is a product growth platform that empowers non-technical teams to create and optimize user onboarding, drive feature adoption, and boost customer retention across web and mobile, without writing a single line of code.

<video controls autoplay muted loop>
  <source src="https://media.userpilot.io/docs/what-is-userpilot.mp4" type="video/mp4" />

  Your browser does not support the video tag.
</video>

***

## What can you do with Userpilot?

<div className="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-4 mt-8">
  <div className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-8 transition-all duration-300">
    <div className="flex items-center mb-6">
      <div className="bg-primary rounded-lg p-3 mr-4">
        <svg className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
        </svg>
      </div>

      <h3 className="text-xl font-bold text-gray-900 dark:text-white m-0">
        <p className="m-0">Onboard new users effectively</p>
      </h3>
    </div>

    <p className="text-gray-700 dark:text-gray-300 leading-relaxed mb-6">
      Deliver contextual, in-app experiences that guide users to their "aha!"
      moments faster with flows, tooltips, banners, and checklists. Reduce
      time-to-value and increase activation rates.
    </p>

    <ul className="space-y-3 list-none not-prose">
      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Trigger flows based on user behavior
      </li>

      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Target by plan, lifecycle stage, or segments
      </li>

      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Use modals, tooltips, and checklists
      </li>
    </ul>
  </div>

  <div className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-8 transition-all duration-300">
    <div className="flex items-center mb-6">
      <div className="bg-primary rounded-lg p-3 mr-4">
        <svg className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
        </svg>
      </div>

      <h3 className="text-xl font-bold text-gray-900 dark:text-white m-0">
        <p className="m-0">Drive feature discovery and adoption</p>
      </h3>
    </div>

    <p className="text-gray-700 dark:text-gray-300 leading-relaxed mb-6">
      Encourage users to explore new or underutilized features with targeted
      in-app messages and interactive walkthroughs. Increase feature adoption and
      user engagement.
    </p>

    <ul className="space-y-3 list-none not-prose">
      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Highlight features based on usage patterns
      </li>

      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Promote beta launches with targeted messages
      </li>

      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Educate users with interactive walkthroughs
      </li>
    </ul>
  </div>

  <div className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-8 transition-all duration-300">
    <div className="flex items-center mb-6">
      <div className="bg-primary rounded-lg p-3 mr-4">
        <svg className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
        </svg>
      </div>

      <h3 className="text-xl font-bold text-gray-900 dark:text-white m-0">
        <p className="m-0">Improve user retention</p>
      </h3>
    </div>

    <p className="text-gray-700 dark:text-gray-300 leading-relaxed mb-6">
      Keep users engaged and help them build habits with segmentation, surveys,
      emails, and data-backed insights. Reduce churn and increase customer lifetime value.
    </p>

    <ul className="space-y-3 list-none not-prose">
      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Segment users based on activity or milestones
      </li>

      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Send in-app surveys and emails to capture feedback
      </li>

      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Identify drop-off points and iterate
      </li>
    </ul>
  </div>

  <div className="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-8 transition-all duration-300">
    <div className="flex items-center mb-6">
      <div className="bg-primary rounded-lg p-3 mr-4">
        <svg className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
        </svg>
      </div>

      <h3 className="text-xl font-bold text-gray-900 dark:text-white m-0">
        <p className="m-0">Measure product experience impact</p>
      </h3>
    </div>

    <p className="text-gray-700 dark:text-gray-300 leading-relaxed mb-6">
      Track custom events, analyze flow performance, and correlate actions with
      engagement metrics. Make data-driven decisions to optimize your product
      experience across web and mobile.
    </p>

    <ul className="space-y-3 list-none not-prose">
      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Track custom events and properties
      </li>

      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Analyze flow performance and feature usage
      </li>

      <li className="flex items-center text-sm text-gray-600 dark:text-gray-400">
        <svg className="w-4 h-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
          <path fillRule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clipRule="evenodd" />
        </svg>

        Correlate actions with engagement metrics
      </li>
    </ul>
  </div>
</div>

***

## Quick Start Guide

### 1. [Install Userpilot](/developer/installation/web)

Get Userpilot running on your web or mobile application in minutes.

### 2. [Create your first flow](/in-app-engagement/flows/getting-started/create-flow)

Build in-app experiences using the Chrome Extension - no code needed.

### 3. [Track events and users](/data-events/events-dashboard)

Set up event tracking to personalize experiences and measure impact.

### 4. [Analyze performance](/product-analytics/reports/trends)

Use dashboards and session replay to understand user behavior.

***

## Popular Features

<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-6 lg:gap-4 mt-8">
  <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-white dark:bg-gray-800 transition-all duration-300">
    <h3 className="text-lg font-semibold mb-3 mt-3 text-gray-900 dark:text-white">🎯 In-App Flows</h3>

    <p className="text-gray-600 dark:text-gray-400 mb-4">
      Create modals, tooltips, and interactive walkthroughs to guide users through
      your product.
    </p>

    <a href="/in-app-engagement/flows/getting-started/create-flow" className="text-primary hover:text-primary-dark dark:text-primary-light">
      Learn more →
    </a>
  </div>

  <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-white dark:bg-gray-800 transition-all duration-300">
    <h3 className="text-lg font-semibold mb-3 mt-3 text-gray-900 dark:text-white">📊 Product Analytics</h3>

    <p className="text-gray-600 dark:text-gray-400 mb-4">
      Track user behavior, analyze feature usage, and measure the impact of your
      experiences.
    </p>

    <a href="/product-analytics/reports/trends" className="text-primary hover:text-primary-dark dark:text-primary-light">
      Learn more →
    </a>
  </div>

  <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-white dark:bg-gray-800 transition-all duration-300">
    <h3 className="text-lg font-semibold mb-3 mt-3 text-gray-900 dark:text-white">📝 Surveys & NPS</h3>

    <p className="text-gray-600 dark:text-gray-400 mb-4">
      Collect user feedback with in-app surveys and Net Promoter Score (NPS)
      surveys.
    </p>

    <a href="/user-feedback/nps/create-nps" className="text-primary hover:text-primary-dark dark:text-primary-light">
      Learn more →
    </a>
  </div>

  <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-white dark:bg-gray-800 transition-all duration-300">
    <h3 className="text-lg font-semibold mb-3 mt-3 text-gray-900 dark:text-white">📱 Mobile Content</h3>

    <p className="text-gray-600 dark:text-gray-400 mb-4">
      Deliver carousels, slideouts, and push notifications natively on iOS and Android apps.
    </p>

    <a href="/in-app-engagement/mobile-content/get-started-with-mobile-content" className="text-primary hover:text-primary-dark dark:text-primary-light">
      Learn more →
    </a>
  </div>

  <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-white dark:bg-gray-800 transition-all duration-300">
    <h3 className="text-lg font-semibold mb-3 mt-3 text-gray-900 dark:text-white">📧 Emails</h3>

    <p className="text-gray-600 dark:text-gray-400 mb-4">
      Re-engage users with behavior-based email campaigns and automated messaging.
    </p>

    <a href="/in-app-engagement/emails/get-started-with-emails" className="text-primary hover:text-primary-dark dark:text-primary-light">
      Learn more →
    </a>
  </div>

  <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-white dark:bg-gray-800 transition-all duration-300">
    <h3 className="text-lg font-semibold mb-3 mt-3 text-gray-900 dark:text-white">🔍 Session Replay</h3>

    <p className="text-gray-600 dark:text-gray-400 mb-4">
      Watch how users interact with your product to identify pain points and
      opportunities.
    </p>

    <a href="/sessions/session-replay" className="text-primary hover:text-primary-dark dark:text-primary-light">
      Learn more →
    </a>
  </div>

  <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-white dark:bg-gray-800 transition-all duration-300">
    <h3 className="text-lg font-semibold mb-3 mt-3 text-gray-900 dark:text-white">📚 Resource Center</h3>

    <p className="text-gray-600 dark:text-gray-400 mb-4">
      Create a centralized hub for help articles, videos, and support resources.
    </p>

    <a href="/in-app-engagement/resource-center/overview" className="text-primary hover:text-primary-dark dark:text-primary-light">
      Learn more →
    </a>
  </div>

  <div className="border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-white dark:bg-gray-800 transition-all duration-300">
    <h3 className="text-lg font-semibold mb-3 mt-3 text-gray-900 dark:text-white">🔗 Integrations</h3>

    <p className="text-gray-600 dark:text-gray-400 mb-4">
      Connect with your favorite tools like HubSpot, Salesforce, Segment, and
      more.
    </p>

    <a href="/integrations/overview" className="text-primary hover:text-primary-dark dark:text-primary-light">
      Learn more →
    </a>
  </div>
</div>

***

## Documentation Sections

### **Platform**

* **[Getting Started](/getting-started/what-is-userpilot)** - Learn about Userpilot and set up your first experience
* **[Users & Companies](/users-companies/dashboard)** - Manage user data, segments, and company information
* **[Data & Events](/data-events/events-dashboard)** - Track user behavior and custom events
* **[In-App Engagement](/in-app-engagement/flows/getting-started/create-flow)** - Create flows, spotlights, banners, checklists, mobile content, and emails
* **[Product Analytics](/product-analytics/reports/trends)** - Analyze user behavior and feature usage
* **[User Feedback](/user-feedback/nps/create-nps)** - Collect feedback with surveys and NPS
* **[Session Replay](/sessions/session-replay)** - Watch user sessions to understand behavior

### **Developer**

* **[Installation](/developer/installation/web)** - Set up Userpilot on web and mobile applications
* **[Security](/developer/security/csp)** - Configure security settings and best practices
* **[APIs](/api-references/overview)** - Integrate with Userpilot's REST APIs
* **[Data Sync](/data-sync/overview)** - Sync data with external systems

### **Integrations**

* **[Native Integrations](/integrations/overview)** - Connect with HubSpot, Salesforce, Segment, and more
* **[Webhooks](/integrations/webhooks)** - Send data to external systems in real-time

## Need Help?

<AccordionGroup>
  <Accordion title="How do I get started with Userpilot?" defaultOpen={false}>
    Start by installing Userpilot on your application, then create your first flow using the Chrome Extension. Check out our [quickstart guide](/getting-started/quickstart) for step-by-step instructions.
  </Accordion>

  {" "}

  <Accordion title="What's the difference between flows, spotlights, and banners?" defaultOpen={false}>
    * **Flows**: Multi-step interactive experiences (modals, tooltips, slideouts)
    * **Spotlights**: Highlight specific elements on your page
    * **Banners**: Display messages at the top or bottom of the page
  </Accordion>

  {" "}

  <Accordion title="Can I use Userpilot on mobile apps?" defaultOpen={false}>
    Yes! Userpilot supports both iOS and Android applications. Check out our [mobile installation guide](/developer/installation/mobile/overview) for setup instructions.
  </Accordion>

  <Accordion title="How does Userpilot pricing work?" defaultOpen={false}>
    Userpilot pricing is based on monthly active users (MAU). You can install Userpilot on as many applications and domains as you want. [Contact our sales team](https://userpilot.com/userpilot-demo/) for detailed pricing information.
  </Accordion>
</AccordionGroup>

<Frame>
  [For any questions or concerns please reach out to **support@userpilot.com**](mailto:support@userpilot.com)
</Frame>

{" "}