Saltar al contenido principal

Crear y probar tu primer agente de IA

Configura un agente de IA y prueba un pedido de ejemplo.

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.

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.

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.

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.

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.

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.