美洽客服网站接入教程

复制一段 JS 代码,5 分钟就能在你的网站右下角加上在线客服窗口。本文讲清接入步骤和各类建站平台的对接方法。

接入只需 3 步

美洽网站接入是纯前端 JS 脚本,无需服务端配置:登录后台获取 entId → 复制 JS 代码 → 粘贴到网站页面,最快 5 分钟完成。据美洽官方文档,脚本会自动加载浮动客服窗口,兼容所有主流浏览器和前端框架。

  1. 注册并登录美洽后台,系统分配企业专属 entId
  2. 进入「安装接入」,复制一段 JS 代码
  3. 把代码粘贴到网站页面的 </body> 前(或网站头尾插件中)
  4. 保存发布,网站右下角即出现浮动客服窗口

各建站平台接入

  • 静态 HTML:直接把 JS 粘到每个页面的 </body>
  • Vue / React / Next.js / Nuxt:放到根模板(index.html 或 _document)或用脚本注入
  • WordPress:用「插入页眉和页脚」类插件,粘到页脚
  • Shopify / Magento / WooCommerce:在主题的 theme.liquid / 页脚模板里粘代码

接入后能做什么

接入后访客可在网站直接发起咨询,客服在统一工作台接待。配合 AI 机器人可 7×24 小时自动应答和留资。据艾瑞咨询 2025 报告,在线客服 SaaS 已成为企业数字化获客标配。

网站访客点击客服窗口即可对话,所有消息汇聚到美洽客服工作台。可配置自动欢迎语、留资卡、AI 机器人自动接待(见 AI 机器人配置)。还能把网站、微信、APP 等渠道统一接入,见 微信接入APP SDK 接入

常见问题

窗口不显示?检查 JS 是否粘对位置、entId 是否正确、是否被广告拦截插件屏蔽。样式想自定义?美洽支持自定义客服窗口样式和位置。

💡 个人/小团队可先用免费体验版接入网站跑通流程,再按座席升级。客户端使用见 桌面客户端

网站接入常见问题

怎么接入网站?
登录后台获取entId→安装接入复制JS代码→粘贴到网站前,5分钟接入,无需服务端配置。
支持哪些建站方式?
静态HTML、Vue、React、Next.js、WordPress、Shopify、Magento、WooCommerce等,粘JS代码即可。
要写后端代码吗?
不需要。纯前端JS脚本,粘贴保存发布即可,门槛很低。
窗口不显示怎么办?
检查JS位置、entId是否正确、是否被拦截插件屏蔽。

相关教程

免费试用美洽,5 分钟接入网站

全渠道在线客服 + AI 机器人

⬇ 免费试用美洽