# 网页聊天

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

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

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

<figure><img src="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2FHBBirs3gZhup4Bo3hAU3%2F4.JPG?alt=media&#x26;token=68e86014-5b10-41a7-af6e-ce7b3e666616" alt=""><figcaption></figcaption></figure>

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

### 允许网域

<figure><img src="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2FtuB17A9j89cGNS5Ewru6%2F5.JPG?alt=media&#x26;token=a9b7ec7d-354d-4239-bc24-304a8489f2c0" alt=""><figcaption></figcaption></figure>

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

### 安装

<figure><img src="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2FJxK3X5TOYS1ALlMyy98U%2F6.JPG?alt=media&#x26;token=0b7b72f2-558e-422f-a3be-b221e8f85ef5" alt=""><figcaption></figcaption></figure>

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

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

### 开场问候

<figure><img src="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2FnaqfMXNrGFbahW1aNUPY%2Fimage.png?alt=media&#x26;token=a82fbedb-7474-4d6d-8b4c-e526e01590be" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://2243179689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr4OuXl9yrBx2vSJPqtIn%2Fuploads%2FyQvht9yCWPxUlXLhRUKx%2Fimage.png?alt=media&#x26;token=bcc94814-b744-4971-ad27-97fd050bbe05" 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>" %}
