Bot Designer – Design and Embed Chat Interface
The Bot Designer allows you to configure AI agents that can be embedded as chat widgets on websites. The Bot Designer is a visual editor for customizing the design, behavior, and embedding of the chat.
Quick Overview
- Create an AI agent
- Set access to Public
- Open the Bot Designer from the agent list
- Configure chat type
- Generate and insert embed code
Prerequisites
Requirements for Embedding
To embed an AI agent, the following prerequisites must be met:
- The AI agent is set to Public
- The corresponding Bot subscription is active
If the Public option is not available, the necessary subscription is missing and the agent cannot be embedded.
Opening the Bot Designer
The Bot Designer is accessed directly from the agent list:
- Open the Agent List
- Click on the three-dot menu for the desired agent
- Select Embed
The Bot Designer opens in a separate view.
Chat Types Overview
Three chat types are available in the Bot Designer. Each type is designed for different use cases and offers customized configuration options. Choose the type that best fits your use case.
| Chat Type | Description | Use Case |
|---|---|---|
| Chat Bubble | Floating chat on the edge of the website, opens on interaction | Quick, low-barrier interaction |
| Container Chat | Fixed embedded chat directly in the page layout | Landing pages, service pages |
| iFrame Chat | Minimal embedding, only width and height configurable | Simple integrations |
Each page describes the available configuration options, payload variables, and embed code generation for the respective chat type.
Related topics
- Introduction – what bots are and how they work
- Chat Bubble – floating chat on the edge of the website
- Container Chat – fixed embedded chat in the page layout
- iFrame Chat – minimal embedding without additional configuration