> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

![](https://storage.crisp.chat/users/helpdesk/website/cacd8c03d2c53000/88564afb-e76b-4d40-b0a6-7eff31_14gx07f.png)

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



## 串接流程
1. 前往 [tawk.to 擴充頁面](https://www.easystore.co/zh-tw/apps/tawk-to)，安裝擴充
2. 另開一個分頁，前往 [tawk.to 網站](https://www.tawk.to/)，註冊 tawk.to 帳號 
3. 至客服按鈕設定頁面，複製串接連結
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/tawkto1_pcn2gc.png)
4. 回到第一步驟串接畫面，貼上連結
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_481cqg.png)
5. 儲存後，即可在品牌官網中看到客服按鈕



## 編輯按鈕外觀樣式
1. 點擊左下角管理按鈕 → Chat Widget ，進入設定頁面
2. 找到工具外觀 → 顏色選擇右方的「進階」按鈕，即會看到以下畫面
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/tawkto2_1atankv.png)
3. 分別可以看到的編輯如下
（1）按鈕樣式
（2）點開後長寬大小
（3）按鈕位置
（4）提示文字選項
（5）行動裝置按鈕樣式
（6）行動裝置按鈕位置
（7）顏色編輯
下方兩個編輯選項，在選擇橫列的按鈕樣式後才會顯示
（8）最小寬度與高度
（9）圓角程度



## 編輯問候語 / 中文化
1. 點擊左下角管理按鈕 → Chat Widget ，進入設定頁面
2. 找到小工具內容 → Language → Edit Content
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_140v2v0.png)
3. 開始編輯顯示文字
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/tawkto3_5usj03.png)
4. 點擊 update 即可儲存，完成！
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_17b06jk.png)