# AI Chatbot

AI Chatbot adds an intelligent chat widget to your website where visitors can get instant answers. It deflects tickets by helping customers self-serve before they ever reach your support team.

## How it works

```
 ┌──────────────┐     ┌──────────────┐     ┌──────────────┐
 │  Visitor on   │────▶│  AI Chatbot  │────▶│  Instant     │
 │  your website │     │  answers     │     │  answer from │
 │  has a        │     │  from your   │     │  your docs   │
 │  question     │     │  knowledge   │     │              │
 └──────────────┘     └──────────────┘     └──────────────┘
```

1. A visitor clicks the chat widget on your site
2. They type their question
3. The chatbot searches your knowledge base and responds instantly
4. If it can't answer, it can offer to connect them with a human

## Who is it for?

* Companies wanting to reduce ticket volume through self-service
* E-commerce sites needing instant product support
* Documentation-heavy products where users need quick answers
* Teams wanting 24/7 customer-facing support without staffing costs

## Deployment options

eesel AI offers three ways to deploy a chatbot:

### Chat Bubble

A floating button in the corner of your website. Visitors click it to open a chat window. This is the most popular option.

### Inline Chat

A chat interface embedded directly into a page. Great for help centers, documentation sites, or dedicated support pages.

### Public Chat

A standalone chat page with a shareable link. No code needed — just share the link anywhere.

## What you can customize

| Setting                 | Description                                     |
| ----------------------- | ----------------------------------------------- |
| **Title**               | Name shown at the top of the chat window        |
| **Welcome message**     | First message visitors see when they open chat  |
| **Placeholder text**    | Hint text in the input field                    |
| **Colors**              | Match your brand's primary color                |
| **Avatar**              | Your logo or a custom image                     |
| **Suggested questions** | Up to 3 starter questions to guide visitors     |
| **Branding**            | Option to hide eesel AI branding                |
| **Auto-translation**    | Automatically respond in the visitor's language |

## Setting it up

1. **Create a Knowledge Agent** from your dashboard
2. **Add your knowledge** — Website, help center, documents
3. **Go to Settings > Embed & Share** in your agent workspace
4. **Choose your channel type** — Chat Bubble, Inline Chat, or Public Chat
5. **Customize** the appearance and messaging
6. **Copy the embed code** and add it to your website (or share the link for Public Chat)

For step-by-step instructions, see the [Website Chatbot Quickstart](https://docs.eesel.ai/getting-started/quickstart-chatbot).

## Tips for success

**Add suggested questions.** These help visitors get started and show them what the agent can answer. Choose your most common customer questions.

**Write a good welcome message.** Something like "Hi! I can help with product questions, pricing, and troubleshooting. What can I help you with?" sets clear expectations.

**Train on your full website.** The more content your agent knows, the more questions it can answer and the fewer tickets reach your team.

**Enable auto-translation.** If you have international visitors, the chatbot automatically responds in their language.

## Related

* [eesel Channels](https://docs.eesel.ai/configure-your-agent/testing-and-deployment#eesel-channels) — Chat bubble, inline chat, and public chat options
* [AI Agent](https://docs.eesel.ai/use-cases/ai-agent) — For helpdesk ticket automation
* [Training Best Practices](https://docs.eesel.ai/configure-your-agent/training-best-practices) — How to train your chatbot