Aktifkan pemformatan teks untuk pengalaman obrolan pelanggan Anda

Dengan pemformatan pesan Amazon Connect, Anda dapat memungkinkan pelanggan dan agen Anda untuk dengan cepat menambahkan struktur dan kejelasan ke pesan obrolan mereka.

Anda dapat memberikan jenis pemformatan berikut pada antarmuka pengguna obrolan dan aplikasi agen menggunakan penurunan harga:

• Berani

• Miring

• Daftar berpoin

• Daftar bernomor

• Hyperlink

• Emoji

• Lampiran. Untuk mengaktifkan lampiran, ikutiAktifkan lampiran untuk berbagi file menggunakan obrolan dan mengunggah file ke kasus.

Cara mengaktifkan pemformatan pesan

1. Saat Anda membuat antarmuka pengguna obrolan baru, pemformatan teks kaya diaktifkan di luar kotak. Tidak diperlukan konfigurasi tambahan.

2. Untuk menambahkan kemampuan pemformatan teks ke antarmuka pengguna obrolan yang ada, perbarui kode widget komunikasi dengan kode berikut yang disorot dalam huruf tebal:

   
       (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' ]);
                   

   Kode yang disorot dengan warna merah diatur ke nilai yang benar saat Anda mendapatkan cuplikan dari konsol Amazon Connect. Satu-satunya konten yang Anda pilih untuk ditambahkan atau dihapus adalah baris terakhir yang dicetak tebalsupportedMessagingContentTypes.

3. Untuk menambahkan kemampuan pemformatan teks ke antarmuka pengguna obrolan kustom Anda sendiri (misalnya, Antarmuka Obrolan atau solusi UI Anda sendiri di atas ChatJS), ikuti langkah-langkah berikut:

   1. Panggil StartChatContactAPI. Saat memanggilStartChatContact, tambahkan SupportedMessagingContentTypes parameter seperti yang ditunjukkan dalam huruf tebal dalam contoh berikut:

      // 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. Impor chatjs sebagai objek, seperti yang ditunjukkan pada contoh berikut:

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

      Jika Anda tidak menggunakan ChatJs, lihat topik berikut untuk informasi tentang mengirim teks penurunan harga melalui Amazon Connect API: StartChatContactdan SendMessage.

   3. Kirim pesan dengan penurunan harga. Lihat cuplikan kode sebelumnya untuk mengimpor chatjs sebagai objek untuk contoh cara mengirim pesan. Anda dapat menggunakan penurunan harga sederhana untuk memformat teks dalam obrolan. Jika Anda sudah menggunakan chatjs hari ini untuk mengirim pesan teks biasa, Anda dapat memodifikasi logika yang ada untuk memanggil SendMessagetext/markdownsebagai contentType alih-alih text/plain ketika Anda ingin mengirim pesan penurunan harga. Pastikan untuk memperbarui sendMessage parameter agar memiliki format penurunan harga pesan Anda. Untuk informasi selengkapnya, lihat Panduan Penurunan Harga Sintaks Dasar.

   4. Terapkan logika Anda sendiri dalam paket UI untuk merender pesan penurunan harga di area input dan transkrip obrolan. Jika Anda menggunakan React, Anda dapat menggunakan react-markdown sebagai referensi.

catatan

• Kemampuan pemformatan teks muncul ke agen Anda hanya jika fitur tersebut telah diaktifkan untuk pelanggan Anda di antarmuka pengguna obrolan. Jika pemformatan teks tidak didukung atau diaktifkan pada antarmuka pengguna obrolan pelanggan, agen tidak akan memiliki kemampuan untuk menulis dan mengirim pesan dengan format teks.

• Semua kemampuan pemformatan teks kecuali lampiran tersedia untuk respons cepat.