Condividi tramite

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

  • Articolo

Quando si pubblica un agente IA tramite Microsoft 365 Copilot per l'assistenza, la pubblicazione può essere effettuata su un sito Web dimostrativo predefinito o sul sito Web live. Un sito Web dimostrativo predefinito viene creato automaticamente quando pubblichi l'agente IA. Un sito Web dimostrativo è utile per condividere l'agente IA con i membri del team e gli stakeholder perché possono testarlo mentre è ancora in corso il processo di creazione e iterazione.

Per condividere l'agente IA, pubblicarlo in un hub di engagement dei clienti. Integrare l'agente IA in un hub di engagement dei clienti consente di assistere i rappresentanti del servizio clienti.

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 dimostrativo e aggiungere l'agente al sito Web live per scoprire come ottenere un URL per gli agenti IA.

  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. Altre informazioni in Aggiungere l'agente 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.

Integrare gli agenti nel desktop dell'agente 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 integrare gli agenti IA, 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 agente IA, implementa i seguenti passaggi per iFrame e componente.

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 disponi di un account Copilot per l'assistenza o di un agente IA creato, consulta la Guida di avvio rapido per la creazione di agenti in Copilot per l'assistenza.

  • Accesso amministratore o sviluppatore sia per Zendesk che per Microsoft Power Platform.
  • Un agente IA attivo e distribuito con Zendesk.

Recuperare gli agenti IA personalizzati per iFrame del servizio

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

Aggiungere iFrame Copilot per l'assistenza all'interfaccia dell'agente IA

  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. Altre informazioni sui ticket in 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.