---
title: "Agentes de IA | Documentación de Ordering.co"
description: "Configura, previsualiza y supervisa los agentes de IA de pedidos de los negocios de tu cuenta."
canonical: https://docs.ordering.co/es/docs/products/ai-dashboard/start-here/ai-agents/
---

# Agentes de IA

_Configura, previsualiza y supervisa agentes de IA._

[Video: Agentes de IA 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.

## Configurar agentes de IA de Ordering.co

El dashboard **AI Agents** te permite configurar y supervisar agentes de pedidos con IA para los comercios de tu cuenta.

### El dashboard AI Agents

El dashboard es el centro desde el que se supervisa toda tu flota de IA. Ofrece una vista general de los agentes activos y su rendimiento en tiempo real.

- **Métricas en tiempo real:** Sigue los datos de rendimiento principales de cada agente, incluidos los recuentos diarios de mensajes, las tasas de éxito y los tiempos de respuesta promedio.
- **Control de estado:** Activa o desactiva rápidamente cualquier agente con un solo clic para controlar de inmediato tu equipo digital.

[Video: Agentes de IA — paso animado 1](https://docs.ordering.co/media/ai-dashboard/clips/ai-agents/gif-01.mp4)

### Personalizar tu widget de IA

La herramienta **Widget Configuration** controla la apariencia y el comportamiento del agente de chat.

- **Pestaña Configure:** Aquí defines el aspecto y la experiencia del widget.
- **Tipo de widget:** Elige entre una burbuja **Floating Chat**, que permanece visible en una esquina, o un **Popup Modal** centrado.
- **Identidad visual:** Define los colores primario y secundario de la marca mediante códigos hexadecimales y ajusta el ancho y alto de la ventana del chat.
- **Ubicación del botón:** Ajusta la posición del botón de chat para que no obstruya otros elementos del sitio web.

[Video: Agentes de IA — paso animado 2](https://docs.ordering.co/media/ai-dashboard/clips/ai-agents/gif-02.mp4)

- **Pestaña Code:** Simplifica la implementación con scripts listos para usar.
- **Implementación inmediata:** Copia el script generado y pégalo en el HTML de tu sitio web, antes de la etiqueta de cierre `</body>`.
- **Integración avanzada:** Para tener más control, usa la opción **Popup Modal** con atributos de datos sencillos que permitan activar el chat desde cualquier botón o enlace específico del sitio.

[Video: Agentes de IA — paso animado 3](https://docs.ordering.co/media/ai-dashboard/clips/ai-agents/gif-03.mp4)

- **Pestaña Preview:** Antes de publicar, usa esta pestaña para probar la experiencia de usuario.
- **Prueba en dispositivos:** Previsualiza el comportamiento del agente en escritorio y móvil antes de publicarlo.
- **Interacción:** Observa cómo el agente saluda a los visitantes con indicaciones como «Hungry?» y los guía para consultar sus pedidos.

[Video: Agentes de IA — paso animado 4](https://docs.ordering.co/media/ai-dashboard/clips/ai-agents/gif-04.mp4)

### Administración avanzada de agentes

Además de la apariencia, puedes gestionar los detalles técnicos de la configuración que da soporte a tus agentes.

- **Administración de sitios y dominios:** Controla en qué sitios y dominios están autorizados a funcionar tus agentes.
- **Ajustes localizados:** Define el idioma y el ID de franquicia que usa el agente, y luego prueba la región y el idioma configurados.

### Casos de uso y prácticas recomendadas

**Casos de uso principales:**

- **Pedidos de comida automatizados:** Implementa agentes que saluden a los clientes con hambre y los guíen durante el proceso de pedido.
- **Atención al cliente localizada:** Usa los ajustes de idioma disponibles para las regiones a las que presta servicio tu agente.

**Prácticas recomendadas:**

- **Coherencia de marca:** Usa los controles de colores hexadecimales para adaptar el widget a los colores aprobados de tu interfaz.
- **Previsualiza ambos diseños:** Comprueba las vistas previas de escritorio y móvil antes de implementar un agente nuevo.
- **Supervisa el rendimiento:** Revisa las métricas del dashboard para detectar cambios en los resultados y los tiempos de respuesta de los agentes.

Was this page helpful?
