美洽客服系统下载与安装使用教程（图文详解，企业必备指南）

三、网站集成美洽客服模块

将美洽客服系统接入到你的网站或平台上，只需要在网页中嵌入一段 JS 脚本。此脚本会自动加载美洽浮动客服窗口，无需服务端配置，兼容所有主流浏览器与前端框架。

1. HTML 静态网站接入示例

在你网站的每个页面的底部，找到 标签，并在其前添加以下代码：

其中 '你的企业ID' 应替换为你在后台复制的实际 ID。

2. Vue/React 等 SPA 项目集成

对于 Vue、React 等前端项目，建议将美洽 JS 脚本放在 index.html 或 public/index.html 文件中，确保在项目首次加载时就初始化美洽服务。

注意：美洽是基于 DOM 渲染的浮动窗口，需确保页面加载后未阻止其挂载。

3. 动态网站或 CMS 平台集成

WordPress： 使用插件如“Insert Headers and Footers”即可轻松添加代码

Shopify： 在“在线商店 → 主题 → 编辑代码 → theme.liquid”中添加 JS

ThinkPHP/Laravel： 在页面模板布局文件底部插入脚本

一旦脚本成功加载，页面右下角将显示美洽浮窗，客户即可通过点击发起实时对话。