---
"@context": https://schema.org
"@type": TechArticle
"@id": https://www.twilio.com/docs/segment/connections/destinations/catalog/userpilot#article
headline: Userpilot Web Plugin
description: Connect Segment to the Userpilot Web Plugin to send Page, Identify, and Track data that triggers personalized in-app onboarding experiences.
url: https://www.twilio.com/docs/segment/connections/destinations/catalog/userpilot
inLanguage: en
dateModified: 2026-06-09T16:30:18.000Z
author:
  "@type": Organization
  name: Twilio Developer Education Team
publisher:
  "@type": Organization
  name: Twilio
---

# Userpilot Web Plugin

## Destination Info

* Accepts [Page](/docs/segment/connections/spec/page), [Identify](/docs/segment/connections/spec/identify), [Track](/docs/segment/connections/spec/track) calls.
* In Device-mode, refer to it as **Userpilot** in the [Integrations object.](/docs/segment/guides/filtering-data/#filtering-with-the-integrations-object)
* This integration is **partner owned.** Please reach out to the partner's support for any issues.

### Components

* [Browser](https://github.com/ThabetIbrahim/segment-userpilot-integration)

## Connection Modes

[Learn more about connection modes.](/docs/segment/connections/destinations/#connection-modes)

### Device-Mode

* web: yes
* mobile: no
* server: no

### Cloud-Mode

* web: no
* mobile: no
* server: no

[Userpilot Web Plugin](https://userpilot.com/?utm_source=segmentio\&utm_medium=docs\&utm_campaign=partners) helps product teams increase user adoption by allowing them to trigger highly personalized onboarding experiences across the user journey. The Segment integration will help you install and send data to Userpilot without added development time.

This destination is maintained by Userpilot. For any issues with the destination, [contact the Userpilot Support team](mailto:support@userpilot.io).

## Getting Started

1. From the Segment web app, click **Catalog**.
2. Search for *Userpilot Web Plugin* in the Catalog, select it, and choose the source you want to connect the destination to.
3. Enter the **App Token** into your Segment Settings UI which you can find from your [Userpilot dashboard](https://app.userpilot.io/settings/setup) within the code snippet that looks like this `<script src = "https://deploy.userpilot.io/73fe57o8.js"></script>` where `73fe57o8` is the value you want to use.

## Page

Calling Page from `analytics.js` triggers the `userpilot.reload` method, which checks for any running experiences on that page and fetches new experiences that satisfy the specified page settings. See the [Page method](/docs/segment/connections/spec/page/) in the Segment Spec for details. An example call looks like:

```js title="Page call example"
analytics.page()
```

## Identify

Calling Identify from `analytics.js` triggers `userpilot.identify`. See the [Identify method](/docs/segment/connections/spec/identify/) in the Segment Spec for details. An example call looks like:

```js title="Identify call example"
analytics.identify('userId123', {
  email: 'john.doe@example.com'
});
```

Segment recommends passing as much data as possible to get the most out of Userpilot. Data passed in the `identify` call can be organized under different categories:

* Properties about the user, such as `plan` or `userRole`, to help target a specific segment.
* Properties to personalize the content of Userpilot experiences, such as `name` or `company`.
* Properties to target users based on their lifecycle, such as `createdAt`. This lets you target newly created accounts or accounts that have yet to achieve a certain feature in the user lifecycle.

## Track

Calling Track from `analytics.js` triggers `userpilot.track`, which sends event data to Userpilot where it can be used for content triggering. See the [Track method](/docs/segment/connections/spec/track/) in the Segment Spec for details. An example call looks like:

```js title="Track call example"
analytics.track('Clicked Login Button')
```

## Settings

Segment lets you change these destination settings from the Segment app without having to touch any code.

| Field     | Description                                                                                             | Required | Type   |
| --------- | ------------------------------------------------------------------------------------------------------- | -------- | ------ |
| App Token | You can retrieve your API Key from your \[Userpilot dashboard]\(https://run.userpilot.io/installation). | Yes      | string |