> 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-cn/settings/chat-widget.md).

# 网页聊天

轻松几步为你的网站配置聊天插件，把代码嵌入到相应的位置，你的客户便可以随意选择喜欢的渠道与你对话，无论 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>" %}