---
title: "AI agents"
description: "Configure, preview, and monitor the AI ordering agents for the businesses in your account."
canonical: https://docs.ordering.co/docs/products/ai-dashboard/start-here/ai-agents/
---

# AI agents

_Configure, preview, and monitor AI agents._

[Video: AI Agents video walkthrough](https://docs.ordering.co/media/ai-dashboard/videos/ai-agents.mp4)

This narrated walkthrough demonstrates the same workflow documented in the written, step-by-step guide directly below.

## Configure Ordering.co AI agents

The **AI Agents** dashboard lets you configure and monitor AI ordering agents for the businesses in your account.

### The AI agents dashboard

The dashboard serves as the central hub for overseeing your entire AI fleet. It provides a high-level view of all active agents and their real-time performance.

- **Real-Time Metrics:** Track essential performance data for each agent, including daily message counts, success rates, and average response times.
- **Status Toggle:** Quickly activate or deactivate any agent with a single click, allowing for immediate control over your digital workforce.

[Video: AI Agents — animated step 1](https://docs.ordering.co/media/ai-dashboard/clips/ai-agents/gif-01.mp4)

### Customizing your AI widget

The **Widget Configuration** tool controls the chat agent's appearance and behavior.

- **Configure Tab:** This is where you define the look and feel of your widget.
- **Widget Type:** Choose between a "Floating Chat" bubble that stays visible in a corner or a centered "Popup Modal".
- **Visual Branding:** Set primary and secondary brand colors using hex codes and adjust the chat window's width and height dimensions.
- **Button Placement:** Fine-tune the position of the chat button to ensure it doesn't obstruct other website elements.

[Video: AI Agents — animated step 2](https://docs.ordering.co/media/ai-dashboard/clips/ai-agents/gif-02.mp4)

- **Code Tab:** Deployment is simplified through ready-made scripts.
- **Instant Deployment:** Copy the generated script and paste it into your website's HTML before the closing `</body>` tag.
- **Advanced Integration:** For deeper control, use the "Popup Modal" option with simple data attributes that allow you to trigger the chat from any specific button or link on your site.

[Video: AI Agents — animated step 3](https://docs.ordering.co/media/ai-dashboard/clips/ai-agents/gif-03.mp4)

- **Preview Tab:** Before going live, use this tab to test the user experience.
- **Device Testing:** Preview how the agent behaves on desktop and mobile before publishing it.
- **Interactive Interaction:** Watch the agent greet visitors with prompts like "Hungry?" and guide them toward viewing orders.

[Video: AI Agents — animated step 4](https://docs.ordering.co/media/ai-dashboard/clips/ai-agents/gif-04.mp4)

### Advanced agent management

Beyond appearance, you can manage the technical details that power your agents through the configuration settings.

- **Site & Domain Management:** Control which domains and sites your agents are authorized to operate on.
- **Localized Settings:** Set the language and franchise ID used by the agent, then test the configured region and language.

### Use cases and best practices

**Primary Use Cases:**

- **Automated Food Ordering:** Deploy agents to greet hungry customers and guide them through the ordering process.
- **Localized Customer Support:** Use the available language settings for the regions your agent serves.

**Best Practices:**

- **Brand Consistency:** Use the hex color controls to align the widget with your approved interface colors.
- **Preview Both Layouts:** Check the desktop and mobile previews before deploying a new agent.
- **Performance Monitoring:** Review dashboard metrics for changes in agent results and response times.

Was this page helpful?