Configurar la experiencia integrada en Salesforce

Abra la consola de servicio de Salesforce y, a continuación, seleccione el icono Configuración (engranaje) en la esquina superior derecha.

En el campo de búsqueda, escriba centro de llamadas y luego, en los resultados de la búsqueda, seleccione Centros de llamadas.

Si está configurando este widget por primera vez, es posible que vea una página con un mensaje que dice: Diga Hola al Centro de llamadas de Salesforce.

Selecciona Continuar.

Abra un editor de texto y luego copie el siguiente código XML en él y guárdelo localmente como CopilotForServiceConfig.xml.

  <callCenter>
  <section sortOrder="0" name="reqGeneralInfo" label="General Information">
  <item sortOrder="0" name="reqInternalName" label="InternalName">CopilotForService</item>
  <item sortOrder="1" name="reqDisplayName" label="Display Name">Copilot For Service</item>
  <item sortOrder="2" name="reqAdapterUrl" label="CTI Adapter URL">https://TobeUpdated.ms</item>
  <item sortOrder="3" name="reqUseApi" label="Use CTI API">true</item>
  <item sortOrder="4" name="reqSoftphoneHeight" label="Softphone Height">600</item>
  <item sortOrder="5" name="reqSoftphoneWidth" label="Softphone Width">450</item>
  <item sortOrder="6" name="reqSalesforceCompatibilityMode" label="Salesforce Compatibility Mode">Classic_and_Lightning</item>
  </section>
 </callCenter>

Seleccione ImportarElegir Archivo y luego navegue y seleccione el archivo CopilotForServiceConfig.xml que guardó en el paso 4.

Seleccione Importar.

Selecciona Editar y, en el campo URL del adaptador CTI, pega la URL del widget de servicio que guardaste en el paso 1.

Haga clic en Guardar.

Para agregar usuarios de Salesforce, siga estos pasos:

1. En la consola del servicio Salesforce, seleccione Administrar usuarios del centro de llamadasAgregar más usuarios.
2. Agregue cada usuario de Salesforce al que quiera acceder al servicio en Microsoft 365 Copilot widget.

Para agregar la utilidad de softphone, siga estos pasos:

1. Seleccione Configuración y después busque y seleccione Administrador de aplicaciones.
2. Busque la aplicación Consola de servicio , seleccione el triángulo invertido en la misma fila y luego seleccione Editar.
3. Seleccione Elementos de utilidadAgregar elemento de utilidad.
4. Busque y seleccione Open CTI Softphone.
5. Escriba un nombre para el widget, como "Servicio en Microsoft 365 Copilot".
6. Establezca el ancho en 450 y la altura en 600.
7. Haga clic en Guardar.

Realice los siguientes pasos para habilitar ventanas emergentes.

1. En Salesforce, vaya a la consola de servicio desde la página Aplicaciones .
2. Habilite las ventanas emergentes seleccionando Permitir siempre ventanas emergentes y redireccionamientos desde url.
3. Seleccione Listo.
4. Actualice el explorador. El servicio en el complemento de Microsoft 365 Copilot ahora debería estar disponible en la barra de herramientas de la consola de su agente.

1. Abra la consola de servicio de Salesforce y seleccione el icono de engranaje.

2. Seleccione la Consola de desarrollador en el desplegable. Si no se carga, copie la URL de la ventana emergente y ábrala en una nueva pestaña.

3. En la Consola del Desarrollador, seleccione ArchivoNuevoClase de Apex. Especifique el nombre como ObjectService y seleccione Crear y, a continuación, pegue el siguiente código en el editor:

   public class ObjectService {
     @AuraEnabled
     public static String getObjectType(String objectId) {
       Id conId = objectId;
       return String.valueOf(conId.getSobjectType());
     }
   }
   

4. Siga estos pasos para crear un componente de rayo:

   1. Seleccione Archivo Nuevo Componente Lightning.
   2. Especifique un nombre para el componente. Por ejemplo, CopilotForService.
   3. Seleccione Controlador en el panel de paquete que se muestra cuando se crea el componente y, a continuación, pegue el siguiente código:

   ({
     onTabFocused : function(component, event, helper) {
       var currentTabId = event.getParam('currentTabId');
       var previousTabId = event.getParam('previousTabId');
       var workspaceAPI = component.find("workspace");
       if(currentTabId) {       
         workspaceAPI.getTabInfo({
           tabId : currentTabId
         }).then(function(response) {
           var action = component.get("c.getObjectType");
           var recordId = response.recordId;
           action.setParams({"objectId": recordId});
           action.setCallback(this, function(response) {
             var state = response.getState();
             if(state === "SUCCESS") {
               component.set("v.objectType",response.getReturnValue());
               var type = response.getReturnValue();          
               console.log("Object details:", recordId, type);
               var objectType = 0;
               if (type == 'Case') {
                 objectType = 1;
               } else if (type == 'EmailMessage') {
                 objectType = 2;
               } else if (type == "LiveChatTranscript") {
                 objectType = 8;
               }
   
               console.log("iframe: ", document.querySelector('iframe.CFSLightning'));
               // Invoke adapter to navigate based on objectid and objecttype
               document.querySelector('iframe.CFSLightning').contentWindow.postMessage({
                 messageType: "onPageNavigateFromSFLightningComponent",
                 messageData: JSON.stringify({
                   value: JSON.stringify({
                     objectId: recordId,
                     objectType: objectType,
                     sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850"
                   })
                 })
               }, "*");
             } else {
               console.log('Problem updating the case, response state: ' + state);
             }
           });
           $A.enqueueAction(action);
         });
       } else {
         // When user navigates to the entity list page, switch to global session
         console.log("global!");
         document.querySelector('iframe.CFSLightning').contentWindow.postMessage({
           messageType: "onPageNavigateFromSFLightningComponent",
           messageData: JSON.stringify({
             value: JSON.stringify({
               objectId: "",
               objectType: 0,
               sourceId: "b54abfa8-3d78-4aa0-ae3f-1e2ffbc56850"
             })
           })
         }, "*");
       }
     }
   })
   

   1. Haga clic en Guardar.
   2. Seleccione Componente y, a continuación, copie el siguiente código:

   <aura:component controller="ObjectService" implements="force:lightningQuickAction,force:hasRecordId,flexipage:availableForAllPageTypes" access="global">
     <aura:attribute name="recordId" type="Id" />
     <aura:attribute name="objectType" type="String" />
     <lightning:workspaceAPI aura:id="workspace" />        
     <aura:handler event="lightning:tabFocused" action="{! c.onTabFocused }"/>
     <iframe class="CFSLightning" src="{! '{CFS_WIDGET_URL}'}" width="100%" height="100%" />   
   </aura:component>
   

   1. Actualice el {CFS_WIDGET_URL} a la dirección URL del servicio en el widget de Microsoft 365 Copilot que guardó en el paso anterior.

1. Seleccione Configuración y después busque y seleccione Administrador de aplicaciones.
2. Busque y luego seleccione la app Consola de servicio. Seleccione Editar.
3. Seleccione Elementos de utilidadAgregar elemento de utilidad.
4. Busque y seleccione el componente relámpago personalizado en Personalizado, CopilotForService en nuestro ejemplo.
5. Especifique un nombre para el wirdget. Por ejemplo, Servicio en Microsoft 365 Copilot.
6. Establezca el ancho en 450 y la altura en 600.
7. Haga clic en Guardar.

1. En Salesforce, vaya a la consola de servicio desde la página Aplicaciones .
2. Habilite las ventanas emergentes seleccionando Permitir siempre ventanas emergentes y redireccionamientos desde url.
3. Seleccione Listo.
4. Actualice el explorador. El servicio en el complemento de Microsoft 365 Copilot ahora debería estar disponible en la barra de herramientas de la consola de su agente.

1. Busque direcciones URL de confianza en el cuadro de búsqueda de Configuración y, a continuación, seleccione Direcciones URL de confianza.
2. Seleccione Nueva URL de confianza para agregar una nueva URL de confianza.
   • Especifique CopilotforService como el nombre de la API y la URL como «*.azureedge.net»
3. Seleccione todas las casillas de verificación en Directivas CSP y, a continuación, seleccione Guardar.