Abilitazione della formattazione del testo per l'esperienza di chat del cliente

Utilizzando la formattazione dei messaggi di Amazon Connect, puoi consentire rapidamente ai tuoi clienti e agenti di rendere i loro messaggi di chat più chiari e meglio organizzati.

Tipi di formattazione supportati

Puoi fornire i seguenti tipi di formattazione sia per l'interfaccia utente della chat che per l'applicazione dell'agente utilizzando markdown:

• Grassetto

• Corsivo

• Elenco puntato

• Elenco numerato

• Collegamenti ipertestuali

• Emoji

• Allegati. Per abilitare gli allegati, segui le indicazioni riportate in Consenti agli allegati di condividere file tramite chat e carica file nei casi.

Come abilitare la formattazione dei messaggi

1. Quando crei una nuova interfaccia utente di chat, la formattazione RTF è già abilitata e non sono necessarie ulteriori configurazioni.

2. Per aggiungere funzionalità di formattazione del testo a un'interfaccia utente di chat esistente, aggiorna il codice del widget di comunicazione utilizzando il codice seguente evidenziato in grassetto:

   
       (function(w, d, x, id){
           s=d.createElement('script');
           s.src='https://d3xxxx.cloudfront.net/amazon-connect-chat-interface-client.js';
           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', 'widget-id');
       amazon_connect('styles', { openChat: { color: 'white', backgroundColor: '#123456'}, closeChat: { color: 'white', backgroundColor: '#123456'} });
       amazon_connect('snippetId', 'snippet-id');
       amazon_connect('supportedMessagingContentTypes', [ 'text/plain', 'text/markdown' ]);
                   

   Il codice evidenziato in rosso viene impostato sui valori corretti quando ricevi il frammento dalla console Amazon Connect. L'unico contenuto che devi aggiungere o rimuovere è l'ultima riga in grassetto per supportedMessagingContentTypes.

3. Per aggiungere funzionalità di formattazione del testo a un'interfaccia utente di chat personalizzata (ad esempio, l'interfaccia di chat di Amazon Connect o la tua soluzione di interfaccia utente personalizzata in aggiunta a ChatJS), segui questa procedura:

   1. Chiama l'API StartChatContact. Mentre chiami StartChatContact, aggiungi il parametro SupportedMessagingContentTypes, come mostrato in grassetto nell'esempio seguente:

      // Amazon Connect StartChatContact API
      {
          "Attributes": { 
              "string" : "string" 
          },
          "ClientToken": "string",
          "ContactFlowId": "your flow ID",
          "InitialMessage": { 
              "Content": "string",
              "ContentType": "string"
          },
          "InstanceId": "your instance ID",
          "ParticipantDetails": { 
              "DisplayName": "string"
          }
          
          // optional
         "SupportedMessagingContentTypes": [ "text/plain", "text/markdown" ]
      }

   2. Importa chatjs come oggetto, come illustrato nell'esempio seguente:

      import "amazon-connect-chatjs";
      
      this.session = connect.ChatSession.create({
            ...
          });
      
      this.session.sendMessage({
            message: "message-in-markdown-format",
            contentType: "text/markdown"
      });           

      Se non lo usi ChatJs, consulta questi argomenti per informazioni sull'invio di testo markdown tramite le API di Amazon Connect: StartChatContact and. SendMessage

   3. Invia messaggi con markdown. Per un esempio, fai riferimento al precedente frammento di codice per l'importazione di chatjs come oggetto. Puoi utilizzare markdown semplice per formattare il testo nelle chat. Se oggi utilizzi già chatjs per inviare messaggi di testo in chiaro, puoi modificare la logica esistente per chiamare SendMessagecon text/markdown as contentType invece di inviare messaggi text/plain markdown. Assicurati di aggiornare il parametro sendMessage in modo che includa il formato markdown dei tuoi messaggi. Per ulteriori informazioni, consulta la sezione relativa alla sintassi di base di Markdown Guide.

   4. Implementa la tua logica nel pacchetto UI per visualizzare i messaggi con markdown nell'area di input e nella trascrizione della chat. Se utilizzi React, puoi usare react-markdown come riferimento.

Nota

• Le funzionalità di formattazione del testo vengono mostrate al tuo agente solo se sono state abilitate per il cliente nell'interfaccia utente della chat. Se la formattazione del testo non è supportata o abilitata nell'interfaccia utente della chat del cliente, l'agente non sarà in grado di comporre e inviare messaggi con formattazione del testo.

• Tutte le funzionalità di formattazione del testo ad eccezione degli allegati sono disponibili per risposte rapide.

Come aggiungere collegamenti e-mail e telefonici

L'esempio seguente mostra come aggiungere link cliccabili e richiamabili alle applicazioni Web e mobili.

Call us today: [[phone]](tel:[phone])
[Call Us](tel:[phone])
[Skype Us](callto:[phone])
[Fax Us](fax:[phone])
[Text Us](SMS:[phone])
[Email Us](mailto:[e-mail])

Come aggiungere messaggi di chatbot

Quando abiliti il markdown per i messaggi di chat, puoi utilizzare la formattazione rich text per i seguenti tipi di messaggi di chatbot:

• Riproduci flussi di prompt

• Ottieni i flussi di input dei clienti

• SYSTEM_MESSAGE

• Lex BOT

• Third Party BOT

• Lex BOT Lambda

L'immagine seguente mostra come abilitare manualmente un prompt in un blocco Play prompt flow:

L'immagine seguente mostra come abilitare manualmente un prompt nel blocco di flusso Get customer input, quindi associare il blocco di flusso a un bot Amazon Lex:

L'immagine seguente mostra come appare il prompt in SYSTEM_MESSAGE e in vari tipi di messaggi BOT:

L'immagine seguente mostra come configurare un prompt nell'intento di un bot di Amazon Lex:

Per ulteriori informazioni sugli intenti, consulta Adding intents nella Amazon Lex V2 Developer Guide. Per ulteriori informazioni sui messaggi Lambda, consulta Enabling custom logic with AWS Lambda functions, sempre nella Amazon Lex V2 Developer Guide.