--- title: "Crear un agente de IA de Ordering.co | Documentación de Ordering.co" description: "Configura un agente de IA, personaliza su widget web, previsualízalo y comparte su URL del sitio predeterminada." canonical: https://docs.ordering.co/es/docs/products/ai-dashboard/build-your-ai-agent/creating-a-finitless-ai-agent/ --- # Crear un agente de IA de Ordering.co _Configura un agente de IA y su widget web._ [Video: Crear un agente de IA de Ordering.co video walkthrough](https://docs.ordering.co/media/ai-dashboard/videos/creating-a-finitless-ai-agent.mp4) This narrated walkthrough demonstrates the same workflow documented in the written, step-by-step guide directly below. La función **AI Agents** permite a los propietarios de negocios implementar interfaces conversacionales en varios canales, como WhatsApp o widgets web directos, para automatizar el procesamiento de pedidos y la atención al cliente. Este artículo explica la configuración del agente, las opciones del widget, la vista previa y los campos de implementación. --- ## Guía paso a paso de la función **1. Crear y configurar el agente** El proceso comienza en el dashboard **AI Agents**. Al seleccionar el botón «Create Agent», se inicia un asistente de configuración. Primero, elige el **Channel** (la plataforma donde funcionará la IA) y selecciona una **Brand** de tu lista precargada. Este paso vincula la IA con el menú, las ubicaciones y la identidad de marca correspondientes. Cuando habilites el agente y configures el idioma predeterminado, el sistema generará un entorno exclusivo para esa marca. [Video: Crear un agente de IA de Ordering.co: paso animado 1](https://docs.ordering.co/media/ai-dashboard/clips/creating-a-finitless-ai-agent/gif-01.mp4) **2. Personalizar el widget e integrarlo** Después de crear el agente, Ordering.co ofrece una herramienta de configuración de «Widget» para que la interfaz parezca una parte nativa de tu sitio web. - **Tipo de widget:** puedes elegir **Floating Chat** (una burbuja persistente en una esquina) o **Popup Modal** (una ventana centrada que se abre al pulsar un botón). - **Estilo:** la plataforma permite ajustar la apariencia, incluidos los colores primario y secundario de la marca, las vistas previas de degradado y la posición del botón (abajo a la izquierda o abajo a la derecha). - **Implementación:** en la pestaña **Code**, Ordering.co genera un fragmento de JavaScript que puedes añadir al HTML de tu sitio web antes de la etiqueta de cierre ``. [Video: Crear un agente de IA de Ordering.co: paso animado 2](https://docs.ordering.co/media/ai-dashboard/clips/creating-a-finitless-ai-agent/gif-02.mp4) **3. Probar y obtener una vista previa en vivo** Antes de publicar, la herramienta **Interactive Preview** permite simular la experiencia del usuario. Puedes alternar entre las vistas **Desktop** y **Mobile** para comprobar que la ventana de chat se adapte a distintos tamaños. Esta etapa permite ver cómo saluda la IA a los clientes y cómo la interfaz gestiona las transiciones, para ofrecer una experiencia fluida a los usuarios finales. ### Usar la URL predeterminada del sitio Cuando configures tu **Ordering.co AI Agent**, se le asignará de inmediato una **Default Site URL**, que ofrecerá un acceso directo a tus clientes. Esta interfaz web funciona como una página independiente y completa, y permite comenzar sin integraciones complejas con un sitio web. En la sección **Configure**, dentro de «Sites & Domains», puedes acceder a este enlace directo y compartirlo. Cuando el agente esté activo, cualquier cliente que visite la URL podrá iniciar una conversación; por ejemplo, escribiendo «Quiero una pizza de pepperoni», y la IA comenzará el flujo de pedido. Después de probar el flujo de pedido, puedes compartir la URL en un perfil social, una campaña de correo electrónico o un código QR. [Video: Crear un agente de IA de Ordering.co: paso animado 3](https://docs.ordering.co/media/ai-dashboard/clips/creating-a-finitless-ai-agent/gif-03.mp4) --- ### Consejos para obtener buenos resultados - **Adapta la voz de la marca:** usa la configuración para que el lenguaje de la IA coincida con el estilo de tu restaurante, ya sea formal y profesional o informal y cordial. - **Optimiza la posición del botón:** si tu sitio móvil tiene a la derecha un botón «Back to Top» o «Call Now», mueve el widget de Ordering.co abajo a la izquierda para evitar que se superpongan. - **Usa iconos de alta resolución:** al añadir un icono personalizado al botón, utiliza un PNG nítido y transparente para que el widget se vea bien en pantallas de alta definición. ### Prácticas recomendadas - **Prueba en varios dispositivos:** usa las vistas previas **Mobile** y **Desktop** antes de publicar el widget. - **Supervisa las métricas de rendimiento:** revisa periódicamente **Conversion Rate** y **Avg First Response Time** en el dashboard. Si las conversiones son bajas, considera cambiar el texto de «Floating Chat» para que resulte más atractivo. - **Mantén los datos actualizados:** revisa el menú de la marca y la información de las tiendas en el dashboard de Ordering.co antes de probar el AI Agent. --- ### Conclusión Después de configurar el agente, obtén una vista previa en computadoras y móviles, y confirma los datos del menú y de las tiendas antes de compartir la URL predeterminada o el código del widget. Was this page helpful?