Next.js vs Astro ¿qué framework elegir para 2025?

Ir al post

Episodio 414:03Lección 4 de 6

Publica tu AGENTE de IA en tu Web, Teams, WhatsApp y más con Copilot Studio

Siguiente lección

De qué trata esta lección

En el cuarto episodio hablamos de canales, porque un agente de IA no sirve de nada si no puede atender a tus clientes donde están. Repasamos las opciones de canales que ofrece Copilot Studio, desde Teams y Microsoft 365 hasta redes sociales y contact centers digitales.

Después publicamos el mismo agente en dos webs por dos vías distintas: incrustando un iframe de forma manual y a través de Dynamics 365 Contact Center. En ambos casos el agente responde con su base de conocimiento y ejecuta el tema de estado de pedido con Power Automate. Cerramos con el canal de voz y lo necesario para conectar WhatsApp y otras plataformas de Meta.

Puntos clave

  • Teams y Microsoft 365 son la vía más sencilla para que tus empleados usen el agente.
  • Para llevar el agente a tu web basta con copiar el iframe del canal Web App e incrustarlo en tu sitio, sea WordPress, Next.js u otra tecnología.
  • En Dynamics 365 Contact Center el agente se asigna en el apartado Bot de la secuencia de trabajo de cada canal: chat, mensajería, WhatsApp o voz.
  • El web chat de Contact Center tiene una opción para admitir Markdown, necesaria para que las respuestas salgan con negritas y viñetas.
  • Para Facebook, WhatsApp y otras plataformas de Meta tendrás que crear una aplicación en Meta for Developers y usar su identificador, tokens y secretos.

Contenido de la lección

  1. Repaso del agente que hemos construido

    Recordamos lo hecho hasta ahora: en el primer vídeo creamos el agente desde cero con sus instrucciones, en el segundo vimos cómo crear temas y en el tercero combinamos Power Automate con respuestas generativas para consultar el estado de un pedido.

    Ahora toca sacarlo del panel de pruebas. De nada sirve un agente muy completo si no puede ver la luz en tus canales de comunicación, así que primero hacemos un repaso de canales y después lo publicamos en dos webs por vías diferentes.

  2. Opciones de canales en Copilot Studio

    Lo más fácil de conectar es Teams y Microsoft 365, pensado para que tus empleados usen el agente. Luego están los sitios web: el sitio web de demostración, una landing que te construye Microsoft para probar y compartir el agente, y las opciones Web App y Native App para incorporarlo en tus propias aplicaciones.

    Facebook, Skype, Slack, Telegram y el resto requieren una integración más a medida. Al pulsar en Facebook, por ejemplo, te pide crear una aplicación en Meta y aportar identificadores, tokens y secretos.

  3. Contact centers digitales

    En centros de interacción con clientes puedes incorporar tu agente de Copilot Studio a un contact center digital para que atienda y aporte ese extra de inteligencia. Aquí están Customer Service y Dynamics 365 Contact Center, que Microsoft lanzó en junio de 2024 y que usamos más adelante en el vídeo.

    También puedes conectarlo a Genesys, otro contact center omnicanal, a herramientas como Salesforce o ServiceNow, o a un contact center personalizado.

  4. Añadir el agente a tu web con un iframe

    La primera vía es la más manual: en canales vas a Web App y copias el iframe. Según la tecnología de tu web, WordPress, Next.js o cualquier otra, solo tienes que incrustarlo en tu sitio. Yo lo pego en una web de pruebas y la abro en una ventana privada.

    El chatbot funciona al momento: responde qué es Astroline y, al preguntar por el estado de un pedido, pide el identificador, ejecuta el flujo de Power Automate y devuelve la respuesta generativa del episodio anterior. Solo necesitarás algo de JavaScript para mostrarlo, ocultarlo o reiniciarlo.

  5. Conectar el agente con Dynamics 365 Contact Center

    La segunda vía pasa por un contact center. En Copilot Studio selecciono Dynamics Customer Service, que aparece como conectado, y en Dynamics Contact Center voy a canales, donde están chat, mensajería (WhatsApp, Facebook, Instagram…) y voz. En la secuencia de trabajo de cada canal hay un apartado Bot en el que eliges qué agente lo atiende.

    Abro una landing con el web chat, que primero pide unos datos propios de Contact Center, y el agente da su bienvenida, responde sobre Astroline y consulta el estado del pedido. Para que el texto salga con formato hay que activar la opción de Markdown del canal de web chat.

  6. Canal de voz, WhatsApp y otras plataformas

    En Contact Center también puedes gestionar el canal de voz, con sus numeraciones y secuencias de trabajo, e incorporar ahí un agente de Copilot Studio especializado, igual que en el chat.

    Para Messenger, WhatsApp o cualquier plataforma de Meta, ya sea con la integración nativa de Copilot Studio o desde Dynamics Contact Center, tendrás que crear una aplicación en la parte de desarrolladores de Meta para obtener su identificador, tokens y secretos. El resto de canales se conecta de forma parecida.