【顧客經營】如何安裝 tawk.to 線上客服按鈕?

tawk.to 是什麼?
tawk.to 是一套線上客服按鈕解決方案,讓你透過單一連結即可串接,立即能在你的品牌官網上顯示客服按鈕。客製化選項十分多元,你可以打造符合品牌風格的客服按鈕外觀,包含位置、顯示圖樣、顏色、大小,甚至是外框的圓角程度,都可以隨意調整。近期 tawk.to 服務開始注重中文化,後台有「台灣華語」選項以供選擇,呈現的文字上,也可以自由編輯,因此這個功能可以完整以中文顯示囉!
串接流程
前往 tawk.to 擴充頁面,安裝擴充
另開一個分頁,前往 tawk.to 網站,註冊 tawk.to 帳號
至客服按鈕設定頁面,複製串接連結

回到第一步驟串接畫面,貼上連結

儲存後,即可在品牌官網中看到客服按鈕
編輯按鈕外觀樣式
點擊左下角管理按鈕 → Chat Widget ,進入設定頁面
找到工具外觀 → 顏色選擇右方的「進階」按鈕,即會看到以下畫面

分別可以看到的編輯如下
(1)按鈕樣式
(2)點開後長寬大小
(3)按鈕位置
(4)提示文字選項
(5)行動裝置按鈕樣式
(6)行動裝置按鈕位置
(7)顏色編輯
下方兩個編輯選項,在選擇橫列的按鈕樣式後才會顯示
(8)最小寬度與高度
(9)圓角程度
編輯問候語 / 中文化
點擊左下角管理按鈕 → Chat Widget ,進入設定頁面
找到小工具內容 → Language → Edit Content

開始編輯顯示文字

點擊 update 即可儲存,完成!

Updated on: 09/01/2024
感謝!