Embed Modes
Deploy your agent on any website with 6 embed modes. Each mode has different visual and behavioral characteristics.
All 6 modes
Inline
The chat interface renders directly in the page content, as if it's part of the page.
| Property | Value |
|---|---|
| Trigger | Always visible (no trigger needed) |
| Position | Wherever the script tag is placed |
| Best for | Documentation pages, help centers, landing pages |
Full Page
The agent takes over the entire browser window.
| Property | Value |
|---|---|
| Trigger | Direct URL |
| Position | Full screen |
| Best for | Standalone AI chat applications, internal tools |
Popup
A button click opens a modal dialog with the chat interface.
| Property | Value |
|---|---|
| Trigger | Button click |
| Position | Centered modal overlay |
| Best for | Lead capture, contextual help, feedback collection |
Customizable: Button text, button color, modal size
Corner Button
A floating button in one corner of the screen. Click to expand the chat.
| Property | Value |
|---|---|
| Trigger | Click the floating button |
| Position | Bottom-right corner (configurable) |
| Best for | Customer support (most popular mode) |
Customizable: Button color, icon, position (bottom-left, bottom-right)
Floating
A floating chat bubble that hovers on the page. Expands when clicked.
| Property | Value |
|---|---|
| Trigger | Click the bubble |
| Position | Floating, follows scroll |
| Best for | Subtle, non-intrusive assistance |
Sidebar
A collapsible panel on the side of the page.
| Property | Value |
|---|---|
| Trigger | Click a tab/handle on the side |
| Position | Right or left edge |
| Best for | Persistent AI companion, admin dashboards |
Embedding code
Each mode generates a <script> tag:
<!-- Paste this in your website's <body> -->
<script src="https://agents.tinycommand.com/embed/YOUR_AGENT_ID.js"></script>
The script automatically renders the chat widget in the configured mode.
Customization
For button-triggered modes:
| Setting | Options |
|---|---|
| Button text | Custom label |
| Button color | Any color |
| Position | Corner or edge placement |
| Size | Width/height |
Corner Button is the industry standard for customer support bots. Most users expect to find help in the bottom-right corner. Use this mode unless you have a specific reason for another.
The embed script is lightweight; it loads asynchronously and doesn't block your page's rendering. The full chat UI loads only when the user interacts with the trigger.