> For the complete documentation index, see [llms.txt](https://alhena.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://alhena.gitbook.io/docs/features/chat-widget.md).

# Chat Widget

The Alhena Chat Widget is an AI-powered conversational interface that you can embed on your website to provide instant customer support.

{% hint style="info" %}
See the chat widget in action on our [demo site](https://alhenademo.com/).
{% endhint %}

## Getting Started

* [**Installation**](/docs/features/chat-widget/installation.md) - Add the widget to your website with a simple JavaScript snippet
* [**Customization**](/docs/features/chat-widget/customization.md) - Configure the widget's appearance to match your brand

## Features

* [**Icebreakers**](/docs/features/chat-widget/icebreakers.md) - Tappable conversation starters that lower the barrier to a first message
* [**AI Nudges**](/docs/features/chat-widget/nudges.md) - Proactive prompts that engage visitors at the right moment
* [**Suggested Questions**](/docs/features/chat-widget/suggested-questions.md) - AI-generated follow-up questions that appear during conversations
* [**Human Handoff**](/docs/features/chat-widget/human-handoff.md) - Seamlessly transfer conversations to human agents when needed
* [**Quiz Options**](/docs/features/chat-widget/quiz-options.md) - Interactive multiple-choice buttons for product recommendations and guided conversations
* [**Product Recommendations**](/docs/features/chat-widget/product-recommendations.md) - Rich product cards and carousels displayed in chat

## Configuration

Access widget settings in the Alhena dashboard: **Integrations > Website > Configure Settings**

## Developer Reference

For programmatic control of the widget, see the [SDK documentation](/docs/developer-reference/website-sdk.md):

* [JavaScript API](/docs/developer-reference/website-sdk/javascript-api.md) - Control widget programmatically
* [Styles API](/docs/developer-reference/website-sdk/styles-api.md) - Customize look and feel via code
* [Code Examples](/docs/developer-reference/website-sdk/examples.md) - Common integration patterns