# 网页聊天

轻松几步为你的网站配置聊天插件，把代码嵌入到相应的位置，你的客户便可以随意选择喜欢的渠道与你对话，无论 WhatsApp、Instagram、Facebook，微信，甚或直接在插件上对话都能支援。

### <sub>设定</sub>

设定前，您需要先选择一个收件箱。

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

您可以自定义网页聊天工具的标题、品牌名称、欢迎信息、展示颜色、展示位置（左下角或右下角）、头像，以及您的社交媒体频道网址。AI 功能包括建议回复，会在适当时机向客户提供后续问题。

### 允许网域

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

在设定页面上，你需要填写允许网域。假如你的网站是 <https://chatalog.ai> ，你就可以填写此为允许网域。允许网域可多于一个，目的是防止其他非允许网站取用你的代码套用到其他网站上。

### 安装

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

完成配置后点击生成小助手代码。複製代码后，如果你可以直接修改网站的html码，你可以在网域内每一页的 或 前贴上代码。

接下来，您可以使用 "**立即测试**" 按钮测试您的配置。这使您可以在将网络聊天小工具部署到您的网站之前，使用当前设置预览它。 最后，点击储存以应用更改。

### 开场问候

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

您也可以设置开场问候流程来欢迎您的客户。如果您想要配置此功能，请前往对话流程页面，编辑并启用开场问候流程。此功能让您能够创建更精细的对话流程，以符合您的特定需求。

### 附件支持（付费附加功能）

网页聊天现在支持发送附件，包括音频、图片和文件（PDF、DOCX、XLSX、PPTX），这是一项付费附加功能。这使客户能够直接在对话中分享视觉内容和文档，以获得更全面的支持。

<figure><img src="/files/tB5qdkecGbs4GL5viJcf" alt="" width="185"><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-cn/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.