Web

DMflow.chat網頁版提供多樣化整合選項。從可自訂外觀的外掛視窗到全頁面聊天界面,靈活適應各種網站需求。JavaScript SDK支持高度定制,還可輕鬆實現與其他客服系統的無縫切換。連結視窗功能更開創多元應用可能,助您打造獨特的用戶互動體驗。

  • 網頁版提供各種可調顏色使用

  • 提供導流工具連接到其他網頁

Javascript SDK

外掛視窗

<script type="module">
  import Chatbot from "{{sdk url}}";
  Chatbot.init({"id":"{{bot id}}","theme":{"button":{"backgroundColor":"#9c27b0"},"header":{"backgroundColor":"#9c27b0"}}});
 </script>

如果你想調用其他廠牌的對話機器人或是網頁客服可以使用observersConfig中的observeUserInput監聽使用者對話,當聽到help則destroy()

{
	"id": "{{bot id}}",
	"theme": {
		"button": {
			"backgroundColor": "#9c27b0"
		},
		"header": {
			"backgroundColor": "#9c27b0"
		}
	},
	observersConfig: {
		observeUserInput: (userInput) => {
			if (userInput === 'help') {
				Chatbot.destroy()
			}
		}
	}
}

滿頁

<dmflow-fullchatbot id="{{bot id}}"></dmflow-fullchatbot>
<script type="module">
  import Chatbot from "{{sdk url}}";
  Chatbot.initFull({"id":"{{bot id}}");
 </script>

範例網站

連結視窗

開啟Share後你可以取得編碼ID,例如@8aYK2AoGe0,前往https://app.dmflow.chat/s/{{id}}即可開啟連結視窗。

連結視窗未來將會整合表單功能,提供自定義文檔或是論壇或是其他功能,仍在規劃中。

範例網站

Last updated