# 網頁聊天

輕鬆幾步為你的網站配置聊天插件，把代碼嵌入到相應的位置，你的客戶便可以隨意選擇喜歡的渠道與你對話，無論 WhatsApp、Instagram、Facebook，WeChat，甚或直接在插件上對話都能支援。

### 設定

設定前，您需要先選擇一個收件匣。

<figure><img src="/files/6PtLgVYUGcXjphvWkjvc" alt=""><figcaption></figcaption></figure>

您可以自訂網頁聊天的標題、品牌名稱、歡迎訊息、展示顏色、展示位置（左下角或右下角）、頭像，以及您的社交媒體頻道網址。AI 功能包括建議回覆，會在適當時機向客戶提供後續問題。

### 允許網域

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

在設定頁面上，你需要填寫允許網域。假如你的網站是 <https://chatalog.ai> ，你就可以填寫此為允許網域。允許網域可多於一個，目的是防止其他非允許網站取用你的代碼套用到其他網站上。

### 安裝

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

完成配置後點擊生成小助手代碼。複製代碼後，如果你可以直接修改網站的html碼，你可以在網域內每一頁的 \</body> 或 \</head> 前貼上代碼。

接下來，您可以使用 "**立即測試**" 按鈕測試您的配置。這使您可以在將網頁聊天小工具部署到您的網站之前，使用當前設置預覽它。 最後，點擊儲存以應用更改。

### 開場問候

<figure><img src="/files/8gca29jSwlKDdLlhUGbg" alt=""><figcaption></figcaption></figure>

您也可以設定開場問候流程來歡迎您的客戶。如果您想要配置此功能，請前往對話流程頁面，編輯並啟用開場問候流程。此功能讓您能夠建立更精細的對話流程，以符合您的特定需求。

#### 附件支援（付費附加功能）

網頁聊天現在支援傳送附件，包括音訊、圖片和檔案（PDF、DOCX、XLSX、PPTX），這是一項付費附加功能。這使客戶能夠直接在對話中分享視覺內容和文件，以獲得更全面的支援。

<figure><img src="/files/z5BLTpFnMRVtuLcsPjoH" alt="" width="186"><figcaption></figcaption></figure>

如果你只需要在網站上新增 WhatsApp 按鈕而不需要使用網絡聊天工具，你亦可以參閱下列文檔：

{% embed url="<https://docs.chatalog.ai/v/zh-hk/settings/chat-widget/add-whatsapp-button-to-your-website-that-links-to-your-whatsapp-business-account>" %}


---

# 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://docs.chatalog.ai/zh-hk/settings/chat-widget.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.