Skip to main content

AI agents

Configure, preview, and monitor AI agents.

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.

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.
  • 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.
  • 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.

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.