--- title: "Crear y probar tu primer agente de IA | Documentación de Ordering.co" description: "Crea un agente de IA, configura su widget y prueba un pedido de ejemplo de principio a fin." canonical: https://docs.ordering.co/es/docs/products/ai-dashboard/start-here/creating-and-testing-my-first-ai-agent/ --- # Crear y probar tu primer agente de IA _Configura un agente de IA y prueba un pedido de ejemplo._ [Video: Crear y probar tu primer agente de IA video walkthrough](https://docs.ordering.co/media/ai-dashboard/videos/creating-and-testing-my-first-ai-agent.mp4) This narrated walkthrough demonstrates the same workflow documented in the written, step-by-step guide directly below. ## Crear un agente de IA de Ordering.co Esta guía explica cómo crear un agente de IA de Ordering.co, configurar su widget y probar un pedido de ejemplo de principio a fin. --- ## 1. Poner en marcha tu agente El recorrido comienza en el **dashboard AI Agents**. Considéralo tu «centro de control»: desde allí puedes supervisar de un vistazo todos los bots de tu flota. - **Crear el agente:** Haz clic en **Create Agent** para empezar. - **Configuración:** Selecciona **Finitless**, el nombre del proveedor que aparece en este flujo, y elige el tipo **Chat Provider**. - **Integración de marca:** Aquí eliges tu franquicia. En este ejemplo, seleccionamos **Pizza Pro’s**. - **Ponerlo en funcionamiento:** Después de pulsar Create, tu agente queda creado y listo para trabajar. [Video: Crear y probar tu primer agente de IA — paso animado 1](https://docs.ordering.co/media/ai-dashboard/clips/creating-and-testing-my-first-ai-agent/gif-01.mp4) --- ## 2. Marca y personalización Después de crear el agente, revisa su **default site URL** y añade un **custom domain** si la cuenta y la configuración del dominio lo permiten. ### Diseñar el widget En **Widget Configuration** defines cómo se presenta tu agente de IA. - **Floating Chat:** Una burbuja estilizada, similar a WhatsApp, que permanece en una esquina de la pantalla. - **Popup Modal:** Una ventana centrada que capta la atención del usuario. - **Apariencia:** Tienes control sobre los colores. Puedes elegir gradientes primarios y secundarios que coincidan con la identidad de tu marca. - **Experiencia:** También puedes definir el tamaño y la posición del botón para mejorar la experiencia del usuario. [Video: Crear y probar tu primer agente de IA — paso animado 2](https://docs.ordering.co/media/ai-dashboard/clips/creating-and-testing-my-first-ai-agent/gif-02.mp4) --- ## 3. La experiencia del cliente, en acción Pongámonos en el lugar del cliente. Abrimos el sitio activo y le decimos a la IA: «Tengo hambre». - **Acceso seguro:** Para proteger la cuenta, el sistema solicita un correo electrónico. Cuando el cliente ingresa el **código de verificación de seis dígitos**, inicia sesión y puede continuar. - **Personalización:** La IA reconoce los pedidos anteriores y pregunta si queremos entrega o retiro. - **Facilidad de uso:** Si elegimos entrega, ya conoce nuestra dirección habitual en Fifth Ave. - **El menú:** El agente confirma los detalles y muestra las categorías principales: pizzas, bebidas y postres. [Video: Crear y probar tu primer agente de IA — paso animado 3](https://docs.ordering.co/media/ai-dashboard/clips/creating-and-testing-my-first-ai-agent/gif-03.mp4) ### Pedir es muy sencillo En el ejemplo grabado, el cliente pide _«Quiero una pizza grande de pepperoni con masa original, sin ingredientes adicionales, y una Coke»_. El agente confirma el carrito y ofrece un postre. --- ## 4. Revisión final y pago Durante el pago, el agente resume claramente todo el pedido. - **Preferencias de pago:** La IA pregunta cómo quiere pagar el cliente. - **Solicitudes especiales:** Si el cliente elige efectivo y comenta que necesita cambio de un billete de cien, el ejemplo muestra esa nota en el pedido. - **Comunicación clara:** El ejemplo también recuerda al cliente que confirme el pago en efectivo con el conductor cuando llegue. [Video: Crear y probar tu primer agente de IA — paso animado 4](https://docs.ordering.co/media/ai-dashboard/clips/creating-and-testing-my-first-ai-agent/gif-04.mp4) --- ## 5. Gestión interna En este ejemplo, el **Ordering.co Admin Panel** muestra los detalles del pedido resultante. - **Seguimiento en tiempo real:** En la pestaña **Orders** puedes ver cada solicitud nueva en tiempo real. - **Más detalles:** Puedes abrir los detalles de cualquier pedido para ver los datos del cliente, los artículos específicos solicitados y el importe total adeudado. [Video: Crear y probar tu primer agente de IA — paso animado 5](https://docs.ordering.co/media/ai-dashboard/clips/creating-and-testing-my-first-ai-agent/gif-05.mp4) --- ## Consejos y prácticas recomendadas - **Probar los gradientes:** Usa colores de alto contraste para que el widget de chat no se pierda en el fondo de tu sitio web. - **Mantener los menús actualizados:** Confirma qué datos de menú puede consultar el agente antes de probar un pedido. - **Analizar los registros:** Revisa los detalles de pedidos para identificar solicitudes repetidas que no aparecen en el menú. - **Revisar la ubicación en móviles:** Confirma que el botón siga visible y sea fácil de alcanzar en la vista previa móvil. ## Conclusión La prueba confirma cómo el agente configurado muestra un menú, registra los detalles de un pedido y transfiere el pedido al dashboard para revisarlo. Was this page helpful?