> ## Documentation Index > Fetch the complete documentation index at: https://docs.bestchatbot.io/llms.txt > Use this file to discover all available pages before exploring further. # Deploy Your Widget > Configure the chat widget and embed it on your website. # Deploy Your AI Chat Widget After creating your workspace, configure the widget and paste a single script tag on your website. The widget appears as a floating chat bubble in the bottom-right corner of every page where the snippet is loaded. ## Configure Your Widget Your workspace already includes a web widget. From your workspace, open the **Web Widget** settings and go to the **Configuration** tab. Set the widget's appearance and where it can run: * **Primary Color**: your brand color in hex (e.g., `#F97316`) * **Position**: which corner the chat bubble sits in * **Bot Avatar**: an optional image shown in the bubble and next to each reply * **Allowed Origins**: the domains where the widget may run, one per line. Supports wildcards (`*.example.com`). Leave empty to allow all. Click **Save Changes**.

After creation, open the **Installation** tab on your widget settings. You'll see a single script tag like this: ```html theme={null} ```

Installation tab showing the embed code with a copy button

Add the script tag just before the closing `` tag on any page where the widget should appear. ```html theme={null} ``` Open your website in a browser. You should see a chat bubble in the bottom-right corner. Click it to open the chat window and test a question.

## Multiple Widgets Each workspace runs one widget. To manage multiple sites or brands, create one workspace per widget. Each workspace has its own knowledge base, configuration, and usage tracking. Switch between workspaces using the workspace selector at the top of the dashboard. ## Next Step Full guide: customize colors, allowed origins, programmatic API, troubleshooting, and more.