Configurare un copilota per un sito Web demo o una console per agenti

  • Articolo

Quando pubblichi un copilota tramite Microsoft 365 Copilot for Service, puoi pubblicarlo su un sito Web demo predefinito o sul tuo sito Web live. Quando si pubblica Copilot per gli agenti, un sito Web demo predefinito viene creato automaticamente. Un sito Web demo è ottimo per condividere il copilota con i membri del team e gli stakeholder, poiché possono testarlo mentre continui a crearlo e a eseguirne l'iterazione.

Per condividere il copilota, pubblicalo in un hub di coinvolgimento del cliente. Incorporare il copilota in un hub di coinvolgimento del cliente aiuta Agent Copilot ad assistere gli agenti live.

Prerequisiti

Aggiungi Copilot per l'assistenza al tuo hub generico

  1. Aggiornare il sito Web dimostrativo. Nel menu di spostamento Copilot per l'assistenza, seleziona Impostazioni> Canali. Per condividere il collegamento al sito Web demo, copia l'URL del sito Web demo e condividilo direttamente con i tuoi colleghi.

  2. Visualizza l'articolo Configurare il sito Web demo e aggiungi il copilota al tuo sito Web live per imparare come ottenere un URL per il tuo copilota di Copilot per l'assistenza.

  3. Nel menu di spostamento Copilot per l'assistenza, seleziona Impostazioni> Canali.

  4. A seconda della destinazione, seleziona Console agente.

  5. Copia il codice incorporato per il tuo sviluppatore Web per aggiungere Copilot per l'assistenza al tuo hub.

Aggiungi Copilot per l'assistenza al tuo provider di terze parti

Oltre alle istruzioni generiche nelle sezioni precedenti, le sezioni seguenti forniscono indicazioni per alcuni provider di terze parti comuni. Per domande sulle caratteristiche di terze parti e sulla funzionalità delle singole esperienze integrate, consulta il supporto di tali provider.

Genesys

Per iniziare, assicurati che questi servizi o funzionalità siano attivi:

  1. È abilitato un account Genesys attivo.
  2. Copia l'URL src di iFrame. Utilizzerai questo URL in Genesys Cloud.
  3. Segui la documentazione di Genesys per configurare l'integrazione di Interaction Widget.
  4. Nel passaggio 7 dell'articolo di Genesys, incolla l'URL src come l'URL applicazione in Configurazione>Proprietà.

Salesforce

Per iniziare, assicurati che questi servizi o funzionalità siano attivi:

  1. Un account Salesforce attivo con Service Cloud e Lightning abilitati. Hai bisogno di un account Salesforce per connettere Copilot per l'assistenza.

  2. Accesso come amministratore o sviluppatore sia a Salesforce che a Copilot per l'assistenza.

  3. Copia l'URL src di iFrame.

  4. Nel menu di spostamento, seleziona Impostazioni>Canali>Console agente.

  5. Copia il frammento iFrame personalizzato in Codice di incorporamento. Per ulteriori informazioni, vedi Aggiungere il copilota al sito Web.

  6. Crea un riferimento alla pagina di Visualforce con l'iFrame.

  7. Accedi al tuo account Salesforce, quindi vai a Configurazione.

  8. Nella casella Ricerca rapida, digita "Visualforce" e seleziona Pagine Visualforce.

  9. Seleziona Nuova per creare un nuova pagina Visualforce.

    • Aggiungi un'Etichetta.
    • Aggiungi un Nome.
    • Aggiungi un segno di spunta a Disponibile per Lightning Experience.

  10. Nella casella Visualforce Markup, aggiungi il seguente codice. Assicurati di specificare i tuoi valori per {domain}, {environment}, {bot} e {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

    È possibile che sia necessario regolare l'altezza dell'iFrame in base alla dimensione del widget Agent Desktop. Ad esempio, invece dell'altezza 100%, puoi scambiarla per 300px

  11. Seleziona Salva.

ServiceNow

Per iniziare, installa questi plug-in: Virtual Agent, Bot Interconnect e Knowledge API.

  1. Nella tua istanza di ServiceNow, seleziona Tutti, quindi cerca il termine "plug-in".
  2. Vai a Definizione del sistema>Plug-in.
  3. Nella pagina Gestione applicazioni, cerca Virtual Agent, quindi installalo.

    Nota

    Virtual Agent include Glide Virtual Agent. Puoi utilizzare questo plug-in anziché l'intero plug-in Virtual Agent.

  4. Se utilizzi la versione Vancouver o una versione precedente, è richiesto anche Knowledge API.
  5. Installa il plug-in BOT Interconnect.

    Nota

    Assicurati di installare prima il plug-in Virtual Agent, viste le dipendenze del plug-in Bot Interconnect.

Incorpora Copilot nell'Agent Desktop ServiceNow

  1. Dalla tua istanza di ServiceNow, seleziona nuovamente Tutti e cerca UI Builder.
  2. Vai a Now Experience Framework>UI Builder e seleziona UI Builder.
  3. Seleziona la pagina in cui desideri incorporare Copilot, ad esempio Area di lavoro configurabile CSM/CFM.
  4. In Pagine e varianti, seleziona la pagina che desideri modificare, ad esempio Pagina di destinazione>Pagina di destinazione del CSM.
  5. Seleziona Modifica nell'ambito originale nella parte superiore destra dello schermo. Ora puoi aggiungere elementi all'area di lavoro.
  6. Nella barra degli strumenti a sinistra, seleziona Componenti.
  7. Seleziona iFrame, quindi trascina e rilascia nella posizione desiderata sulla tua pagina.
  8. Vai alla tua istanza di Copilot per l'assistenza e seleziona Aggiungi alla console dell'agente.
  9. Sullo schermo Console dell'agente in Codice di incorporamento, copia solo l'URL che segue 'src="'. Questo formato dovrebbe essere https://servicecopilot.microsoft.com/environments/.../webchat.
  10. Ritorna all'app UI Builder ServiceNow, quindi seleziona il componente iFrame che hai aggiunto.
  11. Nel campo Origine, incolla l'URL e aggiorna il titolo.
  12. Modifica la dimensione e imposta il pulsante Disabilita sandbox su Sì.
  13. Anteprima e test di Copilot per l'assistenza: seleziona Apri nella parte superiore di UI Builder.
  14. Dopo aver completato le modifiche, seleziona Salva.

Zendesk

Per connettere Zendesk Agent Desktop a un copilota di Copilot per l'assistenza, implementa i seguenti passaggi relativi a iFrame e ai componenti.

Prima di iniziare, assicurati di disporre dei prerequisiti seguenti:

  • Un account Zendesk Support attivo con Zendesk.
  • Un account per Copilot per l'assistenza.

    Nota

    Se non hai un account Copilot per l'assistenza o un copilota creato, consulta Guida di avvio rapido per la creazione di copiloti in Copilot per l'assistenza.

  • Accesso amministratore o sviluppatore sia per Zendesk che per Microsoft Power Platform.
  • Un copilota di Copilot per l'assistenza attivo e distribuito con Zendesk.

Recupera l'iframe personalizzato Copilot per l'assistenza

Dal menu di spostamento Copilot per l'assistenza, seleziona Impostazioni>Canali>Sito Web personalizzato per copiare il codice integrato per l'iframe.

Aggiungere l'iframe di Copilot per l'assistenza all'interfaccia dell'agente

  1. Accedi all'assistenza Zendesk vai a Prodotti Zendesk>Sezione amministrativa.

  2. Seleziona Apps>App di supporto Zendesk dal menu a sinistra.

  3. Vai al Marketplace e cerca "Barra di intestazione ticket iFrame".

    Screenshot della pagina Barra di intestazione ticket iFrame e posizione del pulsante di installazione.

  4. Installa l'app iFrame.

  5. Configurare la barra laterale iFrame aggiungendo l'URL dal tuo Copilot per l'assistenza nel campo iframe URL. assicurati di incollare solo l'URL, escludendo eventuali tag HTML.

    Nota

    È possibile che sia necessario regolare l'altezza dell'iFrame in base alla dimensione del widget Agent Desktop. Ad esempio, invece dell'altezza 100%, puoi utilizzare 300px

  6. Selezionare Aggiorna.

Aggiungere un componente ad Agent Desktop

  1. Accedi al tuo account Zendesk e apri un ticket. Per ulteriori informazioni sui ticket, vedi Utilizzo dei ticket.

  2. Dal menu di spostamento, scegli App>Intestazione laterale ticket iFrame.

    Nota

    Per un accesso più rapido, utilizza l'opzione Aggiungi a intestazione laterale.