摘要
WebChat 让您可以将实时聊天小部件添加到您的网站，以便访客直接向您的团队发送消息。这些对话会与您的 WhatsApp 聊天记录一起出现在您的 Team Inbox 中。
您可以自定义小部件以匹配您的品牌，通过潜在客户预先资格认证表单收集访客详细信息，并将传入的聊天请求分配给合适的团队或客服人员。
本指南介绍了如何启用和设置 WebChat 样式、设置潜在客户生成表单、将小部件添加到您的网站，以及在 Team Inbox 中管理传入的网页聊天。
注意： WebChat 适用于 Wati 的 Growth、Pro 和 Business 套餐。
说明
第 1 步：启用并设置 WebChat 样式
点击右上角的 用户个人资料图标，然后点击 Channel Status。
从左侧导航栏中选择 WebChat。
使用 Style Editor（样式编辑器）自定义小部件：
设置 显示名称。
选择 颜色主题。
添加您的 品牌信息。
添加一条 欢迎消息，在访客打开聊天窗口时向他们问好。
第 2 步：设置潜在客户预先资格认证表单
您可以通过启用潜在客户生成表单，在访客开始对话之前收集他们的信息。
打开 Form（表单）部分。
设置表单字段的 标题、副标题 和 占位符。
隐藏任何非潜在客户资格认证所需的字段。
开启 Lead Generation Form（潜在客户生成表单）。
访客通过表单提交的信息将显示在 Team Inbox 的对话旁边。
第 3 步：部署并安装 WebChat
打开 Config（配置）部分，选择您要部署 WebChat 的 平台。
查看 Preview（预览）部分，查看小部件在您网站上的外观。
将生成的代码添加到您的网页代码中。
点击 Install（安装）以保存更改并启用 WebChat。
如果以后需要更新小部件，请先 禁用 它，进行更改，然后再 启用，以便更改生效。
在任何网站上安装 Wati 的 WebChat 小部件
Wati 的网页聊天小部件适用于您的团队已在使用的平台。选择您的设置方法，几分钟内即可上线：
手动安装 — 在任何网站的
</body>标签之前复制并粘贴一段脚本标签。适用于下方未列出的任何平台。Google Tag Manager — 通过 GTM 容器内的标签模板进行部署。无需更改代码。
Lovable — 一键集成。
Webflow — 通过自定义代码面板嵌入。
Shopify — 通过 Shopify 应用程序安装或直接嵌入到
theme.liquid中。WordPress — 通过插件或页眉注入添加。
Trickle — 通过 Trickle 平台集成。
安装提示： 请勿将脚本托管在 CDN 上 — 直接提供服务可确保您的网页聊天小部件在您最需要时保持在线。
WebChat 团队
当您安装 WebChat 时，Wati 会自动创建一个名为 Default Team WebChat 的默认团队。新的网页聊天对话默认会分配给该团队。
您还可以创建其他团队并授予他们访问 WebChat 通道的权限。
第 4 步：在 Team Inbox 中管理网页聊天
启用 WebChat 后，来自网站访客的传入消息会显示在 Team Inbox 中的 WebChat 通道下。
在 Team Inbox 中，您可以：
在对话旁边查看通过潜在客户预先资格认证表单收集的信息。
分配 或重新分配聊天到不同的团队或客服人员。
在 Status（状态）部分选择 Solved（已解决）来 关闭 对话。
网页聊天联系人也会被添加到 Contacts（联系人）模块中，来源设置为 WebChat。
常见问题解答 (FAQs)
入门
1. 我需要将每个 WebChat 表单字段都设置为必填项吗？
不需要。您可以隐藏任何非潜在客户资格认证所需的字段，仅保留您需要的字段。
2. 我在哪里可以自定义我的 WebChat 品牌和颜色？
您可以使用 WebChat 设置中的 Style Editor（样式编辑器）来设置显示名称、颜色主题和品牌。
3. 我在哪里可以选择 WebChat 的网站平台？
您可以在 Config（配置）部分选择网站平台。在嵌入代码之前，Preview（预览）面板会显示 WebChat 小部件的外观。
管理聊天
4. WebChat 消息出现在哪里？
WebChat 消息出现在 Team Inbox 中的 WebChat 通道下，与您的 WhatsApp 对话并列。
5. 我可以将 WebChat 对话分配给不同的团队或客服人员吗？
是的。您可以像处理 WhatsApp 聊天一样，将 WebChat 对话分配或重新分配给不同的团队或客服人员。
6. 我该如何关闭 WebChat 对话？
您可以在 Status（状态）部分选择 Solved（已解决）来关闭 WebChat 对话。
联系人和数据
7. WebChat 对话会保存吗？
是的。WebChat 对话将永久保留，除非访客使用不同的浏览器、隐身模式或设备重新进行交流。
8. WebChat 访客会被添加到 Contacts 中吗？
是的。每个 WebChat 联系人都会被添加到 Contacts（联系人）模块中，并将来源设置为 WebChat。