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

# Quickstart

> Deploy your AI chatbot in 5 minutes

This guide shows you how to deploy an Animam chatbot on your website in less than 5 minutes.

## Step 1: Create an account

Go to [animam.ai/login](https://animam.ai/login) and create your account with:

* Email (magic link)
* Google
* GitHub

## Step 2: Add content

In your dashboard, go to **Knowledge Base** and add your first content:

```markdown theme={null}
# About us

We are a company specialized in [your field].
Our mission is to [your mission].

## Our services

- Service 1: description
- Service 2: description
```

<Tip>
  Add at least 3-5 corpus entries for the chatbot to be relevant.
</Tip>

## Step 3: Integrate the widget

Copy this code into your website, just before `</body>`:

```html theme={null}
<script
  src="https://animam.ai/widget.js"
  data-tenant="YOUR_SLUG"
></script>
```

<Note>
  Replace `YOUR_SLUG` with your account slug (visible in the dashboard URL).
</Note>

## Step 4: Test

Refresh your page. The widget appears in the bottom right. Ask a question!

## Widget options

```html theme={null}
<script
  src="https://animam.ai/widget.js"
  data-tenant="your-slug"
  data-segment="landing"
  data-primary-color="#6366f1"
></script>
```

| Attribute            | Description                   |
| -------------------- | ----------------------------- |
| `data-tenant`        | Your slug (required)          |
| `data-segment`       | Contextual segment (optional) |
| `data-primary-color` | Widget color (optional)       |

## Next steps

<CardGroup cols={2}>
  <Card title="Segments" icon="layers" href="/widget/segments">
    Different contexts for different pages
  </Card>

  <Card title="Personality" icon="face-smile" href="/customization/personality">
    Configure the bot's tone and personality
  </Card>
</CardGroup>