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.

Seleccione 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 Importar>Elegir 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.

Seleccione Guardar.

Para agregar usuarios de Salesforce, siga estos pasos:

1. En la consola del servicio Salesforce, seleccione Administrar usuarios del centro de llamadas>Agregar más usuarios.
2. Añade cada usuario de Salesforce al que quieras acceder al Servicio en el widget de Microsoft 365 Copilot.

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 utilidad>Agregar elemento de utilidad.
4. Busque y seleccione Abrir CTI Softphone.
5. Escribe un nombre para tu widget, como "Servicio en Microsoft 365 Copilot."
6. Establezca el ancho en 450 y la altura en 600.
7. Seleccione Guardar.

Realice los siguientes pasos para habilitar elementos 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 Copilot de Microsoft 365 debería estar disponible ahora en la barra de herramientas de tu consola de agentes.

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

2. Seleccione el Código de desarrollador en el menú 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 Archivo>Nuevo>Clase 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 rayo.
   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. Seleccione 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. Actualiza {CFS_WIDGET_URL} la URL del Servicio en Microsoft 365 Copilot widget URL que guardaste en el paso anterior.

1. Seleccione Configuración y después busque y seleccione Administrador de aplicaciones.
2. Busque la aplicación y seleccione la apliación Consola de servicio. Seleccione Editar.
3. Seleccione Elementos de utilidad>Agregar elemento de utilidad.
4. Busque y seleccione el componente de rayo personalizado en PersonalizarCopilotForService en nuestro ejemplo.
5. Especifique un nombre para el wirdget. Por ejemplo, el servicio en Microsoft 365 Copilot.
6. Establezca el ancho en 450 y la altura en 600.
7. Seleccione 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 Copilot de Microsoft 365 debería estar disponible ahora en la barra de herramientas de tu consola de agentes.

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.