Compartir a través de

Configurar un copiloto para un sitio web de demostración o consola de agente

  • Artículo

Al publicar un copiloto a través de Microsoft Copilot for Service, puede publicar en un sitio web de demostración prediseñado o en su propio sitio web en vivo. Se crea automáticamente un sitio web de demostración prediseñado cuando publica su copiloto de cara al agente. Un sitio web de demostración es excelente para compartir su copiloto con compañeros de equipo y partes interesadas, ya que pueden probarlo mientras usted continúa construyéndolo e iterándolo.

Para compartir su copiloto, publíquelo en un centro de participación del cliente. Integrar su copiloto en un centro de participación del cliente ayuda a su Agent Copilot a ayudar a sus agentes en vivo.

Requisitos previos

Agregue Copilot for Service a su centro genérico

  1. Actualice el sitio web de demostración. En el menú de navegación Copilot for Service , seleccione Configuración>Canales. Para compartir el enlace del sitio web de demostración, copie la URL del sitio web de demostración y compártala directamente con sus compañeros de equipo.

  2. Vea el artículo Configurar el sitio web de demostración y agregue el copiloto a su sitio web activo para aprender cómo obtener una URL para su copiloto Copilot for Service.

  3. En el menú de navegación Copilot for Service , seleccione Configuración>Canales.

  4. Dependiendo del destino, seleccione Consola del agente.

  5. Copie el código de inserción para que su desarrollador web agregue Copilot for Service a su centro.

Agregue Copilot for Service a su proveedor externo

Además de las instrucciones genéricas de las secciones anteriores, las siguientes secciones brindan orientación para algunos proveedores externos comunes. Si tiene preguntas sobre características de terceros y la funcionalidad de experiencias integradas individuales, consulte con el soporte de esos proveedores.

Genesys

Para comenzar, asegúrese de que estos servicios o características estén implementados:

  1. Una cuenta Genesys activa está habilitada.
  2. Copie el iframe src URL. Puede usar esta URL en Genesys Cloud.
  3. Siga la Documentación de Genesys para Configurar una integración de interacción de widget.
  4. En el paso 7 del artículo de Genesys, pegue su src URL como la URL de la aplicación de su Configuración>Propiedades.

Salesforce

Para comenzar, asegúrese de que estos servicios o características estén implementados:

  1. Una cuenta activa de Salesforce con Service Cloud y Lightning habilitados. Necesita una cuenta de Salesforce para conectar Copilot for Service.

  2. Acceso de administrador o desarrollador tanto a Salesforce como a Copilot for Service.

  3. Copie el iframe src URL.

  4. En el menú de navegación, seleccione Configuración>Canales>Consola de agente.

  5. Copie el fragmento de iframe personalizado en Código para insertar. Para obtener más información, vea Agregar su copiloto a su sitio web.

  6. Cree una referencia de página de Visualforce con el iframe.

  7. Inicie sesión en su cuenta de Salesforce y luego navegue hasta Configuración.

  8. En el cuadro Búsqueda rápida, escriba "Visualforce" y seleccione Páginas de Visualforce.

  9. Seleccione Nueva para crear una página de Visualforce nueva.

    • Agregue una Etiqueta.
    • Agregue un Nombre.
    • Agregue una marca de verificación a Disponible para Lightning Experience.

  10. Dentro del cuadro Visualforce Markup, agregue el siguiente código. Asegúrese de proporcionar sus propios valores para {domain}, {environment}, {bot} y {version}.

    <apex:page >
  <iframe src="https://{domain}/environments/{environment}/copilots/{bot}}/webchat?__version__={version}" frameborder="0" style="width: 100%; height:100%;"></iframe>
</apex:page>

    Nota

    Es posible que deba ajustar la altura del iframe según el tamaño del widget de Agent Desktop. Por ejemplo, en lugar de que la altura sea 100%, puede cambiarla por 300px

  11. Seleccione Guardar.

ServiceNow

Para comenzar, instale estos complementos: Virtual Agent, Bot Interconnect y Knowledge API.

  1. En su instancia de ServiceNow, seleccione Todos y luego busque el término "complementos".
  2. Vaya a Definición del sistema>Complementos.
  3. En la página Administrador de aplicaciones, busque Virtual Agent y luego instálelo.

    Nota

    Virtual Agent incluye Glide Virtual Agent. Puede utilizar este complemento en lugar del complemento de Virtual Agent completo.

  4. Si está utilizando la versión Vancouver o anterior, también se requiere la API Knowledge.
  5. Instale el complemento BOT Interconnect.

    Nota

    Asegúrese de instalar primero el complemento Virtual Agent, debido a las dependencias del complemento Bot Interconnect.

Incrustar Copilot en el escritorio del agente ServiceNow

  1. Desde su instancia de ServiceNow, seleccione Todos nuevamente y busque UI Builder.
  2. Vaya a Now Experience Framework>UI Builder y seleccione UI Builder.
  3. Seleccione la página donde desea insertar Copilot, como Espacio de trabajo configurable CSM/CFM.
  4. En Páginas y variantes, seleccione la página que desea editar, como Página de aterrizaje>Página de aterrizaje de CSM.
  5. Seleccione Editar en el ámbito original en la parte superior derecha de la pantalla. Ahora puede agregar elementos al espacio de trabajo.
  6. En la barra de herramientas del lado izquierdo, seleccione Componentes.
  7. Seleccione el iFrame y luego arrástrelo y suéltelo en la ubicación donde lo desee en su página.
  8. Vaya a su instancia de Copilot for Service y seleccione Agregar a la consola del agente.
  9. En la pantalla Consola del agente, en Código para insertar, copie solo la URL que sigue a 'src="'. Este formato debe ser https://servicecopilot.microsoft.com/environments/.../webchat.
  10. Regrese a la aplicación UI Builder de ServiceNow y luego seleccione el componente iFrame que agregó.
  11. En el campo Origen, pegue la URL y actualice el título.
  12. Cambie el tamaño y establezca el conmutador Desactivar espacio aislado en Sí.
  13. Obtener una vista previa y probar Copilot for Service: seleccione Abrir en la parte superior de UI Builder.
  14. Cuando haya completado los cambios, seleccione Guardar.

Zendesk

Para conectar un Escritorio de agente de Zendesk a un copiloto de Copilot for Service, implemente los siguientes pasos y componentes de iframe.

Antes de comenzar, asegúrese de que cumple estos requisitos previos:

  • Una cuenta activa de Zendesk Support con Zendesk.
  • Una cuenta para Copilot for Service.

    Nota

    Si no tiene una cuenta de Copilot for Service o un copiloto creado, consulte la guía de inicio rápido para crear copilotos en Copilot for Service.

  • Acceso de administrador o desarrollador tanto a Zendesk como a Microsoft Power Platform.
  • Un copiloto de Copilot for Service activo e implementado con Zendesk.

Recuperar el iframe personalizado Copilot for Service

En su menú de navegación de Copilot for Service, seleccione Configuración>Canales>Sitio web personalizado para copiar su código de inserción. para el iframe.

Agregue el iframe de Copilot for Service a la interfaz de agente

  1. Inicie sesión en el soporte técnico de Zendesk y navegue hasta Productos de Zendesk>Sección de administración.

  2. Seleccione Aplicaciones>Aplicaciones Zendesk Support en el menú izquierdo.

  3. Vaya al Marketplace y busque "Iframe Ticket Sidebar".

    Captura de pantalla de la página de la barra lateral del ticket de Iframe y ubicación del botón de instalación.

  4. Instalar la aplicación iframe.

  5. Configure la barra lateral del Iframe agregando la URL de su Copilot for Service en el campo iframe URL . Asegúrese de pegar solo la URL, excluyendo las etiquetas HTML.

    Nota

    Es posible que deba ajustar la altura del iframe según el tamaño del widget de Agent Desktop. Por ejemplo, en lugar de que la altura sea 100%, puede utilizar 300px

  6. Seleccione Actualizar.

Agregar un componente al Escritorio de agente

  1. Inicie sesión en la cuenta de Zendesk y abra un vale. Para obtener más información sobre los tickets, consulte Trabajar con tickets.

  2. En el menú de navegación, elija Aplicaciones>Barra lateral de ticket Iframe.

    Nota

    Para un acceso más rápido, utilice la opción Fijar a la barra lateral.