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

# AI chat assistant

> Embed an intelligent AI shopping assistant directly into your browser extension with contextual chat capabilities.

## Overview

The AI Chat Assistant SDK enables browser extensions to provide users with an intelligent, context-aware AI shopping companion. When users search for products or browse shopping sites, the SDK automatically detects shopping intent and offers relevant AI assistance through an elegant chat interface.

<Frame>
  <img className="h-64" src="https://mintcdn.com/sleek/eqv68Ia0G-AJyhbE/resources/ai-chat-hero-dark.png?fit=max&auto=format&n=eqv68Ia0G-AJyhbE&q=85&s=f065ac3add979da7a61bc8e7fd8f7d58" alt="AI Chat Assistant interface showing shopping query" width="3024" height="1720" data-path="resources/ai-chat-hero-dark.png" />
</Frame>

## Key features

### Automatic shopping detection

The SDK intelligently monitors user activity across shopping sites and popular platforms like Google Search and ChatGPT, automatically detecting when users have shopping-related queries. No manual activation required.

### Contextual chat badge

When shopping intent is detected, a subtle, branded chat badge appears with AI-generated suggested prompts tailored to the user’s query and browsing behaviour. Users can click a suggested prompt or start their own conversation.

<Frame>
  <img src="https://mintcdn.com/sleek/eqv68Ia0G-AJyhbE/resources/ai-chat-badge-example.png?fit=max&auto=format&n=eqv68Ia0G-AJyhbE&q=85&s=f1236c481c8f53f12e7c9e70bdfbd50e" alt="Chat badge with suggested prompts" width="3024" height="1722" data-path="resources/ai-chat-badge-example.png" />
</Frame>

### Full-featured chat panel

A beautiful, 400px-wide chat panel slides in from the right side of the page, providing a dedicated space for AI conversations without disrupting the user's browsing experience.

<Frame>
  <img style={{ height: '16rem' }} src="https://mintcdn.com/sleek/eqv68Ia0G-AJyhbE/resources/ai-chat-panel-interface.png?fit=max&auto=format&n=eqv68Ia0G-AJyhbE&q=85&s=13c3686a5c4ea86ffc240a6e566ad13d" alt="AI Chat panel showing conversation" width="794" height="1722" data-path="resources/ai-chat-panel-interface.png" />
</Frame>

### Seamless affiliate integration

The SDK integrates with your existing affiliate programs and cashback offerings, automatically displaying relevant deals and cashback information within chat conversations. Users see your branded offers without leaving the chat experience.

### Complete customization

Brand the chat experience with your logo, colors, and styling. Control which features are enabled, customize the UI appearance, and configure the chat behavior to match your extension's identity.

## Integration options

<CardGroup cols={2}>
  <Card title="SDK integration" icon="toolbox" href="/ai-chat-sdk-reference/introduction">
    Integrate the AI Chat SDK directly into your Manifest V3 browser extension with full control over configuration and branding.
  </Card>

  <Card title="Custom solutions" icon="hammer" href="mailto:sales@onsleek.com">
    Need a fully custom implementation? Contact our team for white-label solutions and custom integrations.
  </Card>
</CardGroup>

## Supported platforms

The AI Chat Assistant SDK currently supports:

* **Browser extensions**: Manifest V3 extensions for Chrome, Edge, Firefox, Safari, and other Chromium-based browsers
* **Query detection**: Google Search and ChatGPT
* **Commerce browsing**: Commerce merchants
* **Framework**: Works with any browser extension architecture (background scripts, content scripts, service workers)

## How it works

<Steps>
  <Step title="User searches or browses">
    A user begins shopping online by visiting a merchant website, entering a shopping query on Google Search, or discussing shopping topics on ChatGPT
  </Step>

  <Step title="SDK detects shopping intent">
    The SDK automatically detects the shopping site or classifies the query using AI to determine if it’s shopping-related
  </Step>

  <Step title="Chat badge appears">
    When shopping intent is detected, a branded chat badge appears with AI-generated suggested prompts
  </Step>

  <Step title="User engages with AI">
    User clicks a suggested prompt or opens the chat panel to have a conversation with the AI assistant
  </Step>

  <Step title="Contextual recommendations">
    The AI provides relevant recommendations, and your affiliate links and cashback offers are displayed automatically
  </Step>
</Steps>

## Getting started

Ready to add AI chat capabilities to your browser extension?

<CardGroup cols={2}>
  <Card title="Developer documentation" icon="code" href="/ai-chat-sdk-reference/introduction">
    Technical implementation guide for developers
  </Card>

  <Card title="Contact sales" icon="envelope" href="mailto:sales@onsleek.com">
    Talk to our team about custom solutions
  </Card>
</CardGroup>