配置自適應卡
您可以使用自適應卡來自訂聊天視窗。自適應卡向聯絡人顯示互動資訊。自適應卡允許您傳送帶有富文字和圖形的訊息。您也可以新增輸入控制項和按鈕來收集查看該卡的使用者的回饋。
自適應卡可用於即時聊天 客服專員和聯絡人的實時互動和聊天訊息傳遞 非同步聊天,聯絡人隨時傳送訊息並等待回覆通道。目前,自適應卡用於機器人通訊。如果您的系統未啟用自適應卡,則會顯示遞補文字。請聯絡您的CXone 客戶代表以獲取啟用此功能的協助。
在聊天視窗中顯示自適應卡
- 點擊應用程式選擇器 並選擇ACD。
-
前往 數位 >數位聯絡點。
-
點擊聊天。
-
為您要配置的聊天通道選擇自訂。
-
向下捲動至自訂(CSS 和 Js),然後在自訂自訂 CSS 文字方塊中輸入以下文字:
button.ac-pushButton {
color: #faac4b;
background: white;
padding: 10px;
border: 1px solid;
border-radius: 10px;
cursor: pointer;
}
-
進行更改和自訂,直到您對自適應卡的格式和外觀感到滿意。
-
在自訂 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
});
});
-
點擊儲存。
將自適應卡新增到聊天後,您必須測試它們以確保其正確顯示。您可以使用 機器人產生器 或 Microsoft測試工具測試它們。