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

# Web Widget

> Add Totebot to your website

The Web Widget integration allows you to add Totebot's AI agent directly to your website. This is a channel integration that enables customers to interact with your agent on your website.

To access this integration, navigate to **Channels** → **Web** in your dashboard.

## Widget Options

**Chat Bubble** provides a code snippet that adds a floating chat icon to your site (usually in the bottom-right corner). When clicked, it opens the chat in a pop-up window without leaving the current page. Copy the generated snippet from the page and paste it before the closing `</body>` tag of your site; it already contains your agent's ID.

**iFrame Embed** provides a code that places the full chat interface directly inside a chosen section or page of your website, making the chat part of the page layout and visible without clicking a bubble.

<img src="https://mintcdn.com/totebot/P4a6-AvDl6xlResY/assets/embed/totebot-ai-agent-embed.jpg?fit=max&auto=format&n=P4a6-AvDl6xlResY&q=85&s=0f84a23f3b02ca193a57a7911dc01bcd" alt="ToteBot Web Widget" width="1555" height="1024" data-path="assets/embed/totebot-ai-agent-embed.jpg" />

## Identity Usage

This option lets you assign a verified ID to each visitor so the agent can recognize them across sessions. By passing a user ID together with a hash generated from your secret key, the agent can remember past conversations, maintain context, and personalize interactions. The provided Node.js and Python snippets show how to generate the hash on your server and pass it to the widget.

<Note>Identity verification requires the Personalization feature, available on **Basic**, **Pro**, and **Scale** plans.</Note>

<img src="https://mintcdn.com/totebot/P4a6-AvDl6xlResY/assets/embed/totebot-ai-embed-user-identity.JPG?fit=max&auto=format&n=P4a6-AvDl6xlResY&q=85&s=88d3660dec99583fccef96199e024972" alt="User Identity Setup" width="1577" height="802" data-path="assets/embed/totebot-ai-embed-user-identity.JPG" />
