# 綁定 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://blog.mantago.cc/zh/she-qun-bang-ding/bang-ding-livechat.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.