# 網頁聊天

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

### 設定

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

<figure><img src="https://119561807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUzNHJmtvH3pOzfqt2ZN0%2Fuploads%2FyIWLem5U00nnWxFbiLwa%2F1.JPG?alt=media&#x26;token=9c2b700b-1d8a-4c96-a004-43471bed5904" alt=""><figcaption></figcaption></figure>

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

### 允許網域

<figure><img src="https://119561807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUzNHJmtvH3pOzfqt2ZN0%2Fuploads%2FyRiGzHnchrnl0vrvrRmi%2F2.JPG?alt=media&#x26;token=1a12ca59-9e37-4293-87a4-149495ed36ff" alt=""><figcaption></figcaption></figure>

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

### 安裝

<figure><img src="https://119561807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUzNHJmtvH3pOzfqt2ZN0%2Fuploads%2FzGTuVmumFwtWMmXRWvHL%2F3.JPG?alt=media&#x26;token=77538763-d7f1-471d-be12-1eea7589a9f5" alt=""><figcaption></figcaption></figure>

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

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

### 開場問候

<figure><img src="https://119561807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUzNHJmtvH3pOzfqt2ZN0%2Fuploads%2FtgzV676oPxSAa1evZwkw%2Fimage.png?alt=media&#x26;token=ed5f92c8-6f46-4a3b-a65c-cafdf36f7e59" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://119561807-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUzNHJmtvH3pOzfqt2ZN0%2Fuploads%2F4CBn0xSnSz3nWo7nWSDU%2Fimage.png?alt=media&#x26;token=22590e83-1e3f-4016-a8fd-e50e33be1d46" 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>" %}