配置自適應卡

您可以使用自適應卡來自訂聊天視窗。自適應卡向聯絡人顯示互動資訊。自適應卡允許您傳送帶有富文字和圖形的訊息。您也可以新增輸入控制項和按鈕來收集查看該卡的使用者的回饋。

自適應卡可用於即時聊天 客服專員和聯絡人的實時互動和聊天訊息傳遞 非同步聊天，聯絡人隨時傳送訊息並等待回覆通道。目前，自適應卡用於機器人通訊。如果您的系統未啟用自適應卡，則會顯示遞補文字。請聯絡您的CXone 客戶代表以獲取啟用此功能的協助。

在聊天視窗中顯示自適應卡

1. 點擊應用程式選擇器 並選擇ACD。

2. 前往 數位 >數位聯絡點。

3. 點擊聊天。

4. 為您要配置的聊天通道選擇自訂。

5. 向下捲動至自訂（CSS 和 Js），然後在自訂自訂 CSS 文字方塊中輸入以下文字：

   
               button.ac-pushButton {

   color: #faac4b; 

   background: white;

   padding: 10px; 

   border: 1px solid; 

   border-radius: 10px; 

   cursor: pointer;

   }

6. 進行更改和自訂，直到您對自適應卡的格式和外觀感到滿意。

7. 在自訂 JS 文字方塊中輸入以下文字：

   
       window.addEventListener('load', function() {

   if (!window.MutationObserver) {

   return;

   }

   var iframeObserver = new MutationObserver(function(){

   var button = document.querySelector('.ac-pushButton');

   if (button) {

   button.onclick = function () {

   alert('roshan');

   };

   }

   });

   iframeObserver.observe(document.body, {

   attributes: true,

   subtree: true,

   childList: false,

   characterData: false

   });

   });

8. 點擊儲存。

將自適應卡新增到聊天後，您必須測試它們以確保其正確顯示。您可以使用 機器人產生器 或 Microsoft測試工具測試它們。