網站如何加上線上客服？安裝教學

在網站加上即時客服視窗，通常 10 分鐘就能完成：取得嵌入程式碼、貼到每個頁面、測試。以下依平台說明步驟，最後整理最常見的安裝問題。

準備工作

• 客服系統帳號與嵌入碼：ZhiDesk 在註冊後即可在工作台取得含 AppID 的程式碼。
• 網站後台權限：WordPress 或 Shopify 管理員即可，不需要工程師。
• HTTPS：網站必須是 https:// 開頭。

嵌入程式碼長這樣

<script>
(function(d){
  var j=d.createElement('script');
  j.src='https://skzhidesk.com/static/widget.js';
  j.async=1;
  j.dataset.appid='YOUR_APPID';
  j.dataset.host='https://skzhidesk.com';
  d.head.appendChild(j);
})(document);
</script>

把 YOUR_APPID 換成你的 AppID。原則只有一個：全站放一次，放在 </body> 前。

一般 HTML 網站

打開共用的頁尾模板（沒有模板就每個 HTML 檔），把程式碼貼在 </body> 上方，上傳後重新整理即可。

WordPress／WooCommerce

1. 後台「外掛 → 安裝外掛」，搜尋 WPCode 等頁首頁尾程式碼外掛並啟用。
2. 在「頁尾（Footer）」欄位貼上程式碼並儲存。
3. 清除快取外掛（WP Rocket、LiteSpeed Cache 等）後再檢查。

不建議直接改佈景主題檔案，主題更新時會被覆蓋。

Shopify

1. 「線上商店 → 佈景主題」，在目前主題點「⋯ → 編輯程式碼」。
2. 開啟 layout/theme.liquid。
3. 在 </body> 上方貼上程式碼並儲存。

結帳頁由 Shopify 控管，一般不會載入主題程式碼，客服視窗會出現在商店、商品與購物車頁面。

SHOPLINE、Wix、Webflow 等平台

多數開店平台與架站工具都有「自訂程式碼」或「追蹤碼」設定（部分需付費方案），把程式碼加到全站頁尾區塊後發佈即可。實際選單名稱請以各平台後台為準。

如何測試

1. 用無痕視窗與手機打開網站。
2. 發一則測試訊息，確認客服工作台收到並能回覆。
3. 把手機語言改成英文或日文再測一次，確認翻譯正常。
4. 在工作台切換成離線，檢查留言表單。

常見安裝問題

常見問題