> For the complete documentation index, see [llms.txt](https://docs.chatalog.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chatalog.ai/zh-hk/settings/chat-widget.md).

# 網頁聊天

輕鬆幾步為你的網站配置聊天插件，把代碼嵌入到相應的位置，你的客戶便可以隨意選擇喜歡的渠道與你對話，無論 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>" %}