配置自適應卡

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

自適應卡可用於即時聊天Closed 客服專員和聯絡人的實時互動聊天訊息傳遞Closed 非同步聊天,聯絡人隨時傳送訊息並等待回覆通道。目前,自適應卡用於機器人通訊。如果您的系統未啟用自適應卡,則會顯示遞補文字。請聯絡您的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測試工具一個箭頭從中心指向右上角的正方形。測試它們。