Browser Extension

The ProductSights browser extension lets your team capture feedback from any webpage — highlight text, add context, and send it directly to your ProductSights pipeline.

What it does

• Popup form — Click the extension icon to open a quick-capture form. Add feedback, optional context, and tags. The current page URL and title are automatically included.
• Text selection (opt-in) — Enable on-page selection capture from the popup, then highlight text to see a "Capture insight" button. Add notes and submit without leaving the page.
• Side panel — Use the side panel for a larger capture interface when you need more space.

All captured feedback flows through the same AI triage pipeline as your other sources — classification, sentiment analysis, priority scoring, and deduplication.

Installation

1. Download the extension (or build from source — see below)
2. Open Chrome and go to chrome://extensions
3. Enable Developer mode (toggle in the top-right)
4. Click Load unpacked and select the extension folder (the dist directory after building)
5. The ProductSights icon will appear in your toolbar

Configuration

Before capturing, you need to configure your API key:

1. Right-click the ProductSights extension icon and select Options
2. Enter your API key (find it in Settings → API Keys in your ProductSights dashboard)
3. Optionally set a custom API endpoint (only needed for self-hosted instances)
4. Click Save settings

API keys can only be created and used after the key owner selects a role/department in onboarding.

Usage

Popup capture

1. Click the ProductSights icon in the toolbar
2. The popup shows a form with the current page title
3. If you had text selected, it will be pre-filled in the content field
4. Use the On-page selection capture toggle in the popup when you want inline capture buttons on the current tab
5. Enter your feedback, add optional context or tags, and click Capture insight

Text selection capture

1. Click the extension icon and enable On-page selection capture
2. Highlight any text on a webpage (at least 3 characters)
3. A "Capture insight" button appears near the selection
4. Click it to expand an inline form with the selected text as the content
5. Add notes, customer name, or tags, then click Capture

Side panel

1. Right-click the extension icon and select Open side panel
2. Use the side panel for a larger capture interface
3. Works the same as the popup — enter content, optional context, and submit

Requirements

• Chrome (or Chromium-based browsers like Edge, Brave)
• A ProductSights account with an API key
• The extension must be able to reach your ProductSights API endpoint (default: https://productsights.io)

Building from source

If you're using the monorepo or self-hosting:

cd packages/browser-extension
pnpm install
pnpm build

The built extension is in the dist/ folder. Load it in Chrome via Load unpacked and select the dist directory.

API key scopes

The extension uses the same /api/public/capture endpoint as the feedback widget. You can use either a secret or publishable API key. Since the extension stores the key locally (not in public-facing code), a secret key is fine — but a publishable key also works if you prefer capture-only scope. Generate keys from Settings → API Keys in the dashboard.