> For the complete documentation index, see [llms.txt](https://blog.mantago.cc/zh/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blog.mantago.cc/zh/she-qun-bang-ding/bang-ding-livechat.md).

# 綁定 LiveChat

本教學將帶您逐步完成 MantaGO Live Chat 小工具整合至網站的設定流程。從基本安裝、進階設定到前台顯示方式，您將學會如何打造流暢的即時聊天體驗，協助企業更有效地與網站訪客互動、蒐集潛在客戶資訊，並提升回覆效率。

現在就讓我們開始教學吧！

1\. 開啟您的聊天機器人，進入「設定」

<figure><img src="/files/Y9qjbaF1QCtINFYLRgVn" alt=""><figcaption></figcaption></figure>

2. 向下滑動至 「LiveChat」，點擊 「連結設定」。

<figure><img src="/files/VmDmZdujyedBUt4cu3ex" alt=""><figcaption></figcaption></figure>

在此您可以自訂將顯示於網站上的聊天小工具樣式。

<div><figure><img src="/files/0kBKfpHF0MvzV03N5h1B" alt=""><figcaption></figcaption></figure> <figure><img src="/files/t8FvA2dDY2GP27NfLJML" alt=""><figcaption></figcaption></figure></div>

3. 完成自訂後，請點擊 **「下一步」**。
4. 若要將小工具加入您的網站，請複製下方程式碼，並貼到官方網站每個頁面的 `</body>` 區段內。

<figure><img src="/files/HslaaZ2aYPjAoSd6h7nK" alt=""><figcaption></figcaption></figure>

完成設定後，網站前台將會呈現如下效果：

<figure><img src="/files/vr29ON5LtvhJ1s9fi5NZ" alt=""><figcaption></figcaption></figure>

完成基本的 Live Chat 設定後，下一步就是透過 進階設定 進一步優化聊天小工具的使用體驗。

在此區域，您可以自訂 顧客資訊的蒐集方式，以及 前台聊天介面的顯示形式，讓整體互動流程更符合您的營運需求。

進階設定

<figure><img src="/files/HlmmXlBxqEHpvNRNf0zh" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/ih9uc6QZAlWJfxCgTYFm" alt=""><figcaption></figcaption></figure>

**1. 啟用指派功能**\
啟用後，具備相應權限的使用者將只能查看 被指派給自己的對話訊息內容，有助於客服分工與對話管理。

**2. 顯示姓名**\
當您啟用 「顯示姓名」 後，Live Chat 小工具將會要求顧客在開始對話前先輸入以下資訊：

* 姓名
* 電子郵件地址
* 手機號碼

此設定特別適合以下情境：

* 潛在客戶名單蒐集（lead capture）
* 後續追蹤與聯繫
* 客服紀錄保存

啟用後，這些欄位將自動顯示於網站前台的聊天小工具中。

若要確保能完整蒐集每位使用者的資料，請前往 LiveChat 區塊中的「設定」，確認 「蒐集用戶個資」 開關已開啟，並勾選您希望蒐集的欄位項目。

<figure><img src="/files/O7bmeKPkv0DVFOIMgzW2" alt=""><figcaption></figcaption></figure>

**小提醒 💡**\
完成任何設定修改後，請務必記得更新您的聊天機器人，網站上的 Live Chat 小工具才會同步套用最新設定。

<figure><img src="/files/UwtyDV0I8ZktVLIvAaUE" alt=""><figcaption></figcaption></figure>

更新完成後，前台顯示效果將如下所示：

<figure><img src="/files/EfD23HKoeg4Md0v5NfgR" alt=""><figcaption></figcaption></figure>