--- title: "Embed AI Chatbots Into Your Projects" description: "Learn how to custimize chatbot widgets and embed chatbots powered by AI agents into your websites and applications. Check our step-by-step guides for working with Hostman cloud infrastructure and services." --- > For the complete documentation index for AI agents, see [llms.txt](https://hostman.com/llms.txt). AI agent–based chat bots can be embedded into your applications and websites so users can interact with them. To configure the chat and get the embed code: 1. Go to the **AI Services** → **Agents** section and select the required agent. 2. On the **Integrations** tab, click **Configure** in the **Chat Embed** section. ![Chat Embed 2026 08 19 12 34](https://content.hostman.com/assets/723c2131-bc97-4c09-8e7a-13ab1629184f.png?width=1604&height=1199) ## Chat Interface Settings On the **Settings** tab, you can customize the chat interface. This can be done either before embedding the chat on your website or at any time afterward. The following options are available: - Agent name - Name subtitle - Welcome message - Accent color - Font - Icon - Chat widget position on the website The selected font is not loaded together with the chat. The browser will use the font available on the user’s system if it matches the specified one. Otherwise, a similar font will be used. ## Allowed Domains On the **Domains** tab, you can specify which websites are allowed to use the widget. By default, the agent can be embedded on any domain. However, if you add at least one domain, the widget will only be available on the specified addresses. ## Embed Code On the **Embed** tab, you will find the ready-to-use code that can be added to your website. Simply copy it and paste it into your HTML between the `` tags.