# Quickstart: Website Chatbot

This guide walks you through deploying a chat widget on your website. Your visitors can ask questions and get instant answers based on your company's knowledge.

**Time:** About 5 minutes **You'll need:** Access to add a code snippet to your website (or someone who can)

<figure><img src="https://844187487-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRZFmKvs1oBZcPVylWXUJ%2Fuploads%2FO8GucfnTkAZoh0dnVyEf%2Fimage%20(58).png?alt=media&#x26;token=f896d6bc-4ae4-4aaa-b019-e9f69dadf0d3" alt=""><figcaption></figcaption></figure>

## Step 1: Create your agent

1. Sign in to [dashboard.eesel.ai](https://dashboard.eesel.ai)
2. Click **Create Agent** and select **Knowledge Agent**
3. Give your agent a name (e.g., "Website Assistant" or "Help Agent")

## Step 2: Add your knowledge

Train your agent on the content you want it to answer from:

* **Your website** — Enter your URL and it crawls your pages automatically
* **Help center** — Connect your existing help center
* **Documents** — Upload PDFs, or connect Google Drive, Notion, or Confluence

At minimum, add your website or help center — you can always add more sources later.

## Step 3: Test in the chat

Use the built-in test chat to make sure your agent answers correctly:

1. Ask questions your website visitors typically ask
2. Check the answers are accurate
3. Adjust [instructions](https://docs.eesel.ai/configure-your-agent/instructions) if you want to change the tone or response style

## Step 4: Set up your channel

Go to the **Integrations** menu by clicking the + button on the left sidebar. You have three options:

### Chat Bubble (most popular)

A floating button in the corner of your site. Visitors click it to open a chat window.

### Inline Chat

A chat interface embedded directly into a page — great for help centers or documentation sites.

### Public Chat

A standalone chat page with a shareable link — no embedding needed. Good for sharing in emails or social media.

## Step 5: Customize the look

For any channel type, you can customize:

* **Title** — The name shown at the top of the chat
* **Welcome message** — What visitors see when they open the chat
* **Colors** — Match your brand colors
* **Avatar** — Add your logo or a custom image
* **Suggested questions** — Show up to 3 starter questions to help visitors get started

## Step 6: Add to your website

Copy the embed code snippet and add it to your website:

* **Chat Bubble / Inline Chat:** Add the code snippet before the `</body>` tag on any page where you want it to appear
* **Public Chat:** Just share the link — no code needed

**Your chatbot is live!** Visitors to your site can now get instant answers.

## What's next?

* [Add more knowledge](https://docs.eesel.ai/configure-your-agent/training-best-practices) to improve answers
* [Customize instructions](https://docs.eesel.ai/configure-your-agent/instructions) to adjust tone and behavior
* Enable [auto-translation](https://docs.eesel.ai/configure-your-agent/testing-and-deployment#customization-options) for multilingual support
* Check [Analytics](https://docs.eesel.ai/admin/analytics) to see how visitors are using it