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

# Support Agent Onboarding

> Start collecting screen recordings from customers and reviewing sessions inside your help desk

You're the one talking to customers. This guide gets you from zero to sending your first recording request — without leaving your help desk.

## What you'll be able to do

* Send recording links to customers directly from Intercom, Zendesk, Slack, or the Chrome extension
* Review screen recordings with console logs and network data alongside the video
* Use shortcuts and macros to request recordings in seconds

## Step 1: Join your workspace

Your workspace admin will send you an invite link via email. Click it to create your account and join the workspace. If you haven't received an invite, ask your admin to send one from [Workspace Settings > Team](https://dash.userplane.io/_/settings?tab=team).

<Frame caption="Go to Team settings">
  <img src="https://mintcdn.com/userplane/IKCB4f_KBaL0xsjW/media/workspace/team/team-list-roles.png?fit=max&auto=format&n=IKCB4f_KBaL0xsjW&q=85&s=cc414af77695cab4bb1c88e261da33f8" width="1342" height="906" data-path="media/workspace/team/team-list-roles.png" />
</Frame>

<Note>
  If your company has domain whitelisting enabled, you may be able to join directly with your work
  email — no invite needed.
</Note>

<Frame caption="Domain whitelisting">
  <img src="https://mintcdn.com/userplane/IKCB4f_KBaL0xsjW/media/workspace/invite-policy/invite-policy-whitelisted.png?fit=max&auto=format&n=IKCB4f_KBaL0xsjW&q=85&s=28ce83d72b2ca7d403d9e0e08798d416" width="1920" height="957" data-path="media/workspace/invite-policy/invite-policy-whitelisted.png" />
</Frame>

## Step 2: Find Userplane in your help desk

<Tabs>
  <Tab title="Intercom">
    Userplane lives in your Intercom inbox as a sidebar app. To pin it:

    <Steps>
      <Step title="Open any conversation in Intercom">
        Go to your Intercom inbox and open a customer conversation.
      </Step>

      <Step title="Open the Apps panel">
        Click **Edit app** in the right sidebar to see available apps.
      </Step>

      <Step title="Pin Userplane">
        Find Userplane in the list and pin it so it's always visible in the sidebar.
      </Step>
    </Steps>

    <Frame caption="Userplane sidebar in Intercom">
      <img src="https://mintcdn.com/userplane/iHJrxtyvOmNXmfMS/media/intercom/intercom-inbox/sidebar/intercom-sidebar.png?fit=max&auto=format&n=iHJrxtyvOmNXmfMS&q=85&s=126e55f4c8d577fd3ec08571c27599c0" width="1920" height="958" data-path="media/intercom/intercom-inbox/sidebar/intercom-sidebar.png" />
    </Frame>
  </Tab>

  <Tab title="Zendesk">
    Userplane appears automatically in every Zendesk ticket — as a **sidebar app**, a **button in the reply editor**, and in the **top bar**. No pinning required.
  </Tab>

  <Tab title="Slack">
    Userplane lives in Slack as a slash command, a message shortcut, and an App Home tab.

    <Steps>
      <Step title="Open the Userplane app in Slack">
        In your Slack sidebar, go to **Apps** and open **Userplane**. The Home tab shows your recent recordings and links.

        <Frame caption="Userplane App Home in Slack">
          <img src="https://mintcdn.com/userplane/oYgz4qon42ADp_DE/media/slack/home/home-connected.png?fit=max&auto=format&n=oYgz4qon42ADp_DE&q=85&s=9bf75d8f3b7ce86b2726a649268f962a" width="1920" height="958" data-path="media/slack/home/home-connected.png" />
        </Frame>
      </Step>

      <Step title="Try the slash command">
        In any channel, type `/userplane` and press **Enter** to open the link creator.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Chrome Extension">
    Userplane opens as a Chrome side panel alongside whatever tab you're working in.

    <Steps>
      <Step title="Click the Userplane icon">
        Click the **Userplane** extension icon in your Chrome toolbar — or press **Cmd+Shift+Y** (Mac) / **Ctrl+Shift+Y** (Windows/Linux).
      </Step>

      <Step title="Sign in if needed">
        The first time, click **Sign in to continue** and authenticate via the Userplane dashboard. After that, the side panel opens automatically.

        <Frame caption="Extension sign-in prompt">
          <img src="https://mintcdn.com/userplane/8_FOZno9A0XwGdNH/media/extension/extension-sign-in-continue.png?fit=max&auto=format&n=8_FOZno9A0XwGdNH&q=85&s=ab00fac138567aa81d6673c1837aa602" width="1496" height="970" data-path="media/extension/extension-sign-in-continue.png" />
        </Frame>
      </Step>
    </Steps>

    <Tip>
      Pin the extension to your toolbar so the icon is always visible. Click the puzzle piece icon in
      Chrome and pin **Userplane**.
    </Tip>

    <Frame caption="Pin the Userplane extension">
      <img src="https://mintcdn.com/userplane/8_FOZno9A0XwGdNH/media/extension/extension-pin-chrome-extension.png?fit=max&auto=format&n=8_FOZno9A0XwGdNH&q=85&s=e8c401b32dbf23071495dcd9a46c2f00" width="1502" height="1063" data-path="media/extension/extension-pin-chrome-extension.png" />
    </Frame>
  </Tab>
</Tabs>

## Step 3: Request a recording from a customer

<Tabs>
  <Tab title="Intercom">
    <Steps>
      <Step title="Open a conversation">
        Go to the Intercom conversation where the customer is reporting an issue.
      </Step>

      <Step title="Create a recording link">
        In the Userplane sidebar app, click **Create Link**. Choose a project, add a reference (like a
        ticket number), and click **Create**.

        <Frame caption="Create link from Intercom sidebar">
          <img src="https://mintcdn.com/userplane/iHJrxtyvOmNXmfMS/media/intercom/intercom-inbox/sidebar/intercom-create-link-form-sidebar.png?fit=max&auto=format&n=iHJrxtyvOmNXmfMS&q=85&s=cf77d3b1a9fa69146c6f2600b001246a" width="1920" height="957" data-path="media/intercom/intercom-inbox/sidebar/intercom-create-link-form-sidebar.png" />
        </Frame>
      </Step>

      <Step title="Send the link">
        Copy the link and paste it into the conversation — or use an Intercom shortcut to insert it in
        one click.

        <Frame caption="Create link from Intercom sidebar">
          <img src="https://mintcdn.com/userplane/iHJrxtyvOmNXmfMS/media/intercom/intercom-inbox/intercom-recording-link-sent.png?fit=max&auto=format&n=iHJrxtyvOmNXmfMS&q=85&s=3ee1b3264b4ce53c4565e27ab3f79d27" width="1920" height="958" data-path="media/intercom/intercom-inbox/intercom-recording-link-sent.png" />
        </Frame>
      </Step>

      <Step title="Customer records">
        The customer clicks the link, records their screen, and submits. No installs required on their
        end.

        <Frame caption="Create link from Intercom sidebar">
          <img src="https://mintcdn.com/userplane/iHJrxtyvOmNXmfMS/media/intercom/intercom-inbox/intercom-recording-link-received.png?fit=max&auto=format&n=iHJrxtyvOmNXmfMS&q=85&s=b565f79ce7873108442140fa5ca75b84" width="1920" height="959" data-path="media/intercom/intercom-inbox/intercom-recording-link-received.png" />
        </Frame>
      </Step>
    </Steps>

    <Tip>
      Use **Intercom Shortcuts** (`Cmd+K` / `Ctrl+K`) to insert a recording link into the conversation
      without opening the sidebar. See [Intercom Shortcuts](/integrations/intercom-shortcuts) for setup.
    </Tip>
  </Tab>

  <Tab title="Zendesk">
    <Steps>
      <Step title="Open a ticket">
        Go to the Zendesk ticket where the customer is reporting an issue.
      </Step>

      <Step title="Create a recording link">
        Click **Userplane** in the ticket sidebar and click **Request Recording**. Select a project and
        domain, then click **Create Link**.

        <Frame caption="Create link from Zendesk sidebar">
          <img src="https://mintcdn.com/userplane/egKmOMA4so9foWLy/media/zendesk/zendesk-app/sidebar/create-link-form.png?fit=max&auto=format&n=egKmOMA4so9foWLy&q=85&s=9d191afbcda23d0ff911398d50d6cb95" width="1920" height="956" data-path="media/zendesk/zendesk-app/sidebar/create-link-form.png" />
        </Frame>
      </Step>

      <Step title="Share the link">
        The recording link is ready to share with the customer. You can also use the **ticket editor button** to insert a link directly into your reply draft.
      </Step>

      <Step title="Customer records">
        The customer clicks the link, records their screen, and submits. No installs required on their
        end.

        <Frame caption="Customer recording page">
          <img src="https://mintcdn.com/userplane/IKCB4f_KBaL0xsjW/media/recorder/recorder-get-started.png?fit=max&auto=format&n=IKCB4f_KBaL0xsjW&q=85&s=065a233464d5d8fadfa01b17a8701d17" width="1920" height="958" data-path="media/recorder/recorder-get-started.png" />
        </Frame>
      </Step>
    </Steps>

    <Tip>
      Use the **ticket editor button** in the reply toolbar to insert a recording link directly into
      your reply — without opening the sidebar. See [Zendesk Ticket Editor](/integrations/zendesk-ticket-editor).
    </Tip>
  </Tab>

  <Tab title="Slack">
    <Steps>
      <Step title="Go to the channel or DM">
        Find the Slack channel or DM where the customer (or an internal teammate relaying the issue) has described the problem.

        <Frame caption="Slack channel with a customer issue">
          <img src="https://mintcdn.com/userplane/oYgz4qon42ADp_DE/media/slack/commands/slack-channel-context.png?fit=max&auto=format&n=oYgz4qon42ADp_DE&q=85&s=d037fb2dcfbc4e356c6688c09ceccd38" width="1920" height="958" data-path="media/slack/commands/slack-channel-context.png" />
        </Frame>
      </Step>

      <Step title="Create a recording link">
        Type `/userplane` in the channel and press **Enter**. A modal opens — select a **Project** and **Domain**, optionally add a reference, and click **Create**.

        <Frame caption="Link creator modal from /userplane">
          <img src="https://mintcdn.com/userplane/oYgz4qon42ADp_DE/media/slack/commands/slash-command-modal.png?fit=max&auto=format&n=oYgz4qon42ADp_DE&q=85&s=b981a7f2808743a1565e0a882f72c55a" width="1920" height="958" data-path="media/slack/commands/slash-command-modal.png" />
        </Frame>
      </Step>

      <Step title="Link is posted to the channel">
        The recording link is posted as a channel message. Share it with the customer directly or copy it to send via another channel.

        <Frame caption="Recording link posted to channel">
          <img src="https://mintcdn.com/userplane/oYgz4qon42ADp_DE/media/slack/commands/slash-command-link-created.png?fit=max&auto=format&n=oYgz4qon42ADp_DE&q=85&s=d9aa45a6c25ad4d7aa6e431b568cc463" width="1920" height="958" data-path="media/slack/commands/slash-command-link-created.png" />
        </Frame>
      </Step>

      <Step title="Customer records">
        The customer clicks the link, records their screen, and submits. No installs required on their end.
      </Step>
    </Steps>

    <Tip>
      Use the **message shortcut** instead if you want the recording link posted as a reply to a specific message. Right-click any message and select **Create recording link**. See [Slack Message Shortcuts](/integrations/slack-shortcuts).
    </Tip>
  </Tab>

  <Tab title="Chrome Extension">
    <Steps>
      <Step title="Open a ticket">
        Go to the ticket or conversation in your help desk where the customer is reporting an issue.
      </Step>

      <Step title="Open the side panel">
        Click the **Userplane** icon in the toolbar or press **Cmd+Shift+Y** (Mac) / **Ctrl+Shift+Y** (Windows/Linux).
      </Step>

      <Step title="Create a recording link">
        The **Link Reference** field auto-populates with the current tab URL (your ticket page). Select a **domain** and **project**, then click **Create Link**.

        <Frame caption="Create Link form with auto-populated reference">
          <img src="https://mintcdn.com/userplane/8_FOZno9A0XwGdNH/media/extension/extension-create-link-prefill-reference.png?fit=max&auto=format&n=8_FOZno9A0XwGdNH&q=85&s=25b0a8aea535b4f4a2df3740ce58d6b9" width="1496" height="970" data-path="media/extension/extension-create-link-prefill-reference.png" />
        </Frame>
      </Step>

      <Step title="Share the link">
        Copy the link and paste it into your help desk reply.

        <Frame caption="Share the recording link">
          <img src="https://mintcdn.com/userplane/8_FOZno9A0XwGdNH/media/extension/extension-share-link.png?fit=max&auto=format&n=8_FOZno9A0XwGdNH&q=85&s=5fec0142240a74e0775788ad621b54d5" width="1496" height="969" data-path="media/extension/extension-share-link.png" />
        </Frame>
      </Step>

      <Step title="Customer records">
        The customer clicks the link, records their screen, and submits. No installs required on their end.
      </Step>
    </Steps>

    <Tip>
      Use the **omnibox** (type `userplane` in the address bar, press Tab, then type a reference) or
      **right-click context menu** for even faster access. See [Chrome Extension
      Shortcuts](/integrations/chrome-extension-shortcuts).
    </Tip>
  </Tab>
</Tabs>

## Step 4: Review the recording

Once the customer submits, the recording appears in the Userplane dashboard.

<Steps>
  <Step title="Open the recording">
    Go to [Recordings](https://dash.userplane.io/_/recordings) in the dashboard and find the recording.

    <Frame caption="Find the recording">
      <img src="https://mintcdn.com/userplane/IKCB4f_KBaL0xsjW/media/recordings/list-recording/list-recordings-view-alt.png?fit=max&auto=format&n=IKCB4f_KBaL0xsjW&q=85&s=3b5b8fb8060f5a258ddf484288f758b0" width="1920" height="959" data-path="media/recordings/list-recording/list-recordings-view-alt.png" />
    </Frame>
  </Step>

  <Step title="Watch the session">
    The video plays back exactly what the customer saw. Use the timeline scrubber to jump to specific moments.

    <Frame caption="Recording playback">
      <img src="https://mintcdn.com/userplane/IKCB4f_KBaL0xsjW/media/recordings/recording-detail.png?fit=max&auto=format&n=IKCB4f_KBaL0xsjW&q=85&s=2397d88b5959cb8c84f86a9c033ea3e0" width="2940" height="1492" data-path="media/recordings/recording-detail.png" />
    </Frame>
  </Step>

  <Step title="Inspect the details">
    Use the tabs on the right to dig deeper:

    | Tab         | What it shows                             |
    | ----------- | ----------------------------------------- |
    | **Info**    | Customer notes, browser, OS, and page URL |
    | **Console** | JavaScript errors and warnings            |
    | **Network** | HTTP requests with status codes           |
    | **Actions** | Clicks, inputs, and page navigations      |

    <Frame caption="Console logs panel">
      <img src="https://mintcdn.com/userplane/IKCB4f_KBaL0xsjW/media/recordings/recording-console-tab.png?fit=max&auto=format&n=IKCB4f_KBaL0xsjW&q=85&s=fbc70251ceaee205cd3f3118239e3946" width="2580" height="1492" data-path="media/recordings/recording-console-tab.png" />
    </Frame>

    <Frame caption="Network logs panel">
      <img src="https://mintcdn.com/userplane/iHJrxtyvOmNXmfMS/media/playback/network/network-panel-list-view.png?fit=max&auto=format&n=iHJrxtyvOmNXmfMS&q=85&s=a6f970197afe084739ad82a0996fbd99" width="1920" height="958" data-path="media/playback/network/network-panel-list-view.png" />
    </Frame>

    <Frame caption="Action logs panel">
      <img src="https://mintcdn.com/userplane/iHJrxtyvOmNXmfMS/media/playback/actions/actions-list-view.png?fit=max&auto=format&n=iHJrxtyvOmNXmfMS&q=85&s=648d0c27d24049f06610735f8bbfe212" width="1920" height="958" data-path="media/playback/actions/actions-list-view.png" />
    </Frame>
  </Step>

  <Step title="Use Issue Analyzer">
    Click **Analyze** to automatically surface the most likely root cause from the session data — useful for handing off to your engineering team.

    <Frame caption="Issue Analyzer">
      <img src="https://mintcdn.com/userplane/IKCB4f_KBaL0xsjW/media/recordings/ai-analyzer/explain-issue.png?fit=max&auto=format&n=IKCB4f_KBaL0xsjW&q=85&s=f83d165dd4e1231c82ce4f66d4d15f42" width="1920" height="958" data-path="media/recordings/ai-analyzer/explain-issue.png" />
    </Frame>
  </Step>
</Steps>

## Speed up your workflow

* **Intercom Macros** — embed reusable recording links in Intercom macros so you can request recordings with one click. See [Intercom Macros](/integrations/intercom-macros).
* **Intercom Shortcuts** — use `Cmd+K` inside a conversation to insert a link instantly. See [Intercom Shortcuts](/integrations/intercom-shortcuts).
* **Zendesk locations** — use the ticket sidebar, editor button, or top bar to create links from anywhere in Zendesk. See [Zendesk Ticket Sidebar](/integrations/zendesk-ticket-sidebar).
* **Slack Slash Command** — type `/userplane TICKET-ID` to open the link creator with the reference pre-filled. See [Slack Slash Command](/integrations/slack-commands).
* **Slack Message Shortcuts** — right-click any message in Slack to create a recording link tied to that thread. See [Slack Message Shortcuts](/integrations/slack-shortcuts).
* **Chrome Extension Shortcuts** — use `Cmd+Shift+Y`, context menus, or the omnibox for fast link creation from any tab. See [Chrome Extension Shortcuts](/integrations/chrome-extension-shortcuts).
* **Projects** — organize recordings by product area, customer tier, or issue type. See [Projects](/recording/projects).

## Next steps

<CardGroup cols={2}>
  <Card title="Reviewing Recordings" icon="play" href="/recording/reviewing">
    Learn all the tools available in the recording detail view
  </Card>

  <Card title="Sharing Recordings" icon="share" href="/recording/sharing">
    Share recordings with teammates or export for engineering handoffs
  </Card>

  <Card title="Intercom Integration" icon="message" href="/integrations/intercom-inbox">
    Full guide to using Userplane from inside Intercom
  </Card>

  <Card title="Zendesk Integration" icon="ticket" href="/integrations/zendesk-ticket-sidebar">
    Full guide to using Userplane from inside Zendesk
  </Card>

  <Card title="Slack Integration" icon="slack" href="/integrations/slack-commands">
    Full guide to using Userplane from inside Slack
  </Card>

  <Card title="Chrome Extension" icon="puzzle-piece" href="/integrations/chrome-extension">
    Use the side panel alongside any browser-based tool
  </Card>

  <Card title="Issue Analyzer" icon="magnifying-glass" href="/recording/issue-analyzer">
    Automatically surface root causes from session data
  </Card>
</CardGroup>
