Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

Come configurare l'esperienza di chat self-service di un agente dall'inizio alla fine

Che cos'è lo streaming di messaggistica AI?

AI Message Streaming è una funzionalità di Connect Customer che consente la visualizzazione progressiva delle risposte degli agenti AI durante le interazioni via chat. Invece di aspettare che l'IA generi una risposta completa prima di mostrare qualsiasi cosa al cliente, lo streaming mostra il testo mentre viene generato, creando un'esperienza di conversazione più naturale.

Come funziona

Con le risposte via chat standard, i clienti attendono che l'IA generi l'intera risposta, quindi il messaggio completo viene visualizzato contemporaneamente. Con AI Message Streaming, i clienti vedono una bolla di testo in crescita in cui le parole appaiono progressivamente man mano che l'IA le genera, come guardare qualcuno digitare in tempo reale.

Vantaggi della visualizzazione progressiva del testo

AI Message Streaming offre diversi vantaggi chiave per l'esperienza del cliente:

Chat standard e chat in streaming

La tabella seguente mette a confronto l'esperienza del cliente tra chat standard e chat in streaming:

Stato di abilitazione

La disponibilità di AI Message Streaming dipende da quando è stata creata l'istanza Connect Customer e da come è configurata.

Abilitazione automatica per nuove istanze

Le istanze Connect Customer create dopo dicembre 2025 hanno AI Message Streaming abilitato per impostazione predefinita. L'attributo MESSAGE_STREAMING instance viene impostato automaticamente true per queste istanze, quindi non è richiesta alcuna configurazione aggiuntiva.

Autorizzazioni Amazon Lex Bot

AI Message Streaming richiede l'lex:RecognizeMessageAsyncautorizzazione per funzionare correttamente. Questa autorizzazione consente a Connect Customer di richiamare l'API di riconoscimento asincrono dei messaggi che consente lo streaming delle risposte.

Per le nuove associazioni di bot Lex: quando associ un nuovo bot Amazon Lex alla tua istanza Connect Customer, l'lex:RecognizeMessageAsyncautorizzazione richiesta viene automaticamente inclusa nella politica basata sulle risorse del bot. Non è necessaria alcuna configurazione aggiuntiva.

Crea widget per le comunicazioni

Il Connect Customer Communications Widget è un'interfaccia di chat incorporabile che puoi aggiungere a qualsiasi sito web. In questa sezione, creerai e configurerai un widget per testare AI Message Streaming. Puoi saltare questa sezione se prevedi di utilizzare il tuo widget di chat per i clienti.

Passaggio 1: accedi a Communications Widget

Fase 2: Creare un nuovo widget

Passaggio 3: Personalizza l'aspetto del widget

Personalizza l'aspetto del widget di chat in modo che corrisponda al tuo marchio e seleziona Salva e continua.

Fase 4: Configurazione dei domini consentiti

Il widget di comunicazione viene caricato solo sui siti Web che sono esplicitamente consentiti. Questa funzionalità di sicurezza impedisce l'uso non autorizzato del widget.

Passaggio 5: salva e ottieni il codice del widget

Fase 6: Configurazione dell'ambiente di test locale

Per testare il widget localmente, creerai un semplice file HTML che carica il Communications Widget.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <style>
        body {
            background-image: url("background.jpg");
            background-repeat: no-repeat;
            background-size: cover;
        }
    </style>
    <title>AI Message Streaming Demo</title>
</head>
<body>
    <div id="root"></div>
    <script type="text/javascript">
      (function(w, d, x, id){
        s=d.createElement('script');
        s.src='REPLACE_WITH_CLIENT_URI';
        s.async=1;
        s.id=id;
        d.getElementsByTagName('head')[0].appendChild(s);
        w[x] = w[x] || function() { (w[x].ac = w[x].ac || []).push(arguments) };
      })(window, document, 'amazon_connect', 'REPLACE_WITH_WIDGET_ID');
      amazon_connect('styles', {
        iconType: 'CHAT',
        openChat: { color: '#ffffff', backgroundColor: '#ff9200' },
        closeChat: { color: '#ffffff', backgroundColor: '#ff9200'}
      });
      amazon_connect('snippetId', 'REPLACE_WITH_SNIPPET_ID');
      amazon_connect('supportedMessagingContentTypes', [
        'text/plain',
        'text/markdown',
        'application/vnd.amazonaws.connect.message.interactive',
        'application/vnd.amazonaws.connect.message.interactive.response'
      ]);
      amazon_connect('customStyles', {
        global: { frameWidth: '500px', frameHeight: '900px'}
      });
    </script>
</body>
</html>

Passo 7: Sostituisci i valori segnaposto

Sostituisci i valori segnaposto nel file HTML con i valori effettivi del widget:

Fase 8: Avviare un server Web locale

Per testare il widget, è necessario fornire il file HTML da un server Web locale. Ecco diverse opzioni:

Opzione A: Python (se installato)

python -m http.server 8001

Opzione B: Node.js (se installata)

npx http-server -p 8001

Opzione C: Estensione del server VS Code Live

Dopo aver avviato il server, apri il browser e vai a: http://localhost:8001

Dovresti vedere la pagina demo con un pulsante Chat arancione.

Prova l'esperienza di streaming

Ora che il widget è caricato, è il momento di testare AI Message Streaming e osservare la visualizzazione progressiva del testo in azione.

Cosa cercare: Streaming vs. Non-Streaming

Comprendere la differenza tra risposte in streaming e non in streaming ti aiuta a verificare che AI Message Streaming funzioni: