网页客服接入平台

把网页咨询接进客服工作台

访客从 Widget 发起咨询,客服在 PC 工作台接待;来源页面、域名和访问上下文随会话同步,商户可在后台统一配置规则。

一行代码接入 来源上下文同步 商户后台可配置
客服工作台 · 在线
OAIM PC 客服工作台会话界面
OAIM H5 用户聊天界面
一条会话链访客、客服和商户配置在同一套系统里保持上下文。

会话路径

商户配置一次,客服持续接待

商户先配置接入规则,访客在页面里发起咨询,客服端收到消息时同时看到来源上下文。

  1. 01

    商户配置

    在后台设置邀请码、域名白名单、欢迎语和 Widget 菜单。

    接入代码域名白名单自动弹窗
  2. 02

    访客咨询

    访客无需注册,在当前页面打开 Widget 发送文字、图片或表情。

    页面 URL来源域名访客状态
  3. 03

    客服接待

    客服在工作台处理消息、媒体、已读状态和访客备注。

    会话列表桌面通知访客备注

产品界面

三个界面,覆盖一条业务链

首页只展示最关键的工作画面,完整的后台与移动端功能请查看界面手册。

当前界面

访客 Widget

让访客在当前页面直接发起咨询,客服同时获得访问页面、IP 和设备来源。

  • 一行代码嵌入商户网站
  • 支持欢迎语、快捷问题和媒体发送
  • 域名白名单控制接入范围
打开 Widget 演示
OAIM 访客 Widget 界面

网站 Widget

把客服放到访客正在浏览的页面里

这是官网内的静态演示,完整交互可打开公开 Widget 环境体验。

访客不用离开页面,客服就能接住咨询

欢迎语、快捷问题、自动弹窗与域名白名单由商户后台配置;客服端同步看到访客当前页面、IP 和设备来源。

  • 演示环境公开演示
  • 访客状态已连接
  • 来源页面oaim.im / demo
https://oaim.im/demo
OOAIM 在线客服已连接
你好,欢迎咨询。我们可以帮你了解接入方式和客服工作台。
我想先看看 Widget 的接入效果。
可以,当前页面的来源信息也会同步给客服。
如何接入查看功能联系人工客服
+输入消息...发送

日常接待能力

接待台里的消息、资料和规则

把实时消息、访客资料和会话治理放进同一个可持续工作的系统里。

01

实时消息与状态

WebSocket 推送、已读未读、重连和桌面通知围绕同一条会话状态工作。

02

访客上下文

客服可看到访问页面、来源域名、设备来源、IP 和备注,回复不再脱离场景。

03

完整媒体处理

图片、视频、表情、粘贴发送和撤回保持 H5、PC 与 Widget 体验一致。

04

商户会话治理

邀请码、默认客服、白名单、保留天数和焚烧规则由商户独立管理。

接入方式

三步把客服接进你的网站

开发者只需要拿到商户邀请码,把接入代码放到页面底部,剩余展示和会话策略交给后台配置。

  1. 1在商户后台获取正式邀请码
  2. 2复制一段 Widget 脚本
  3. 3配置域名与展示策略
查看完整 SDK 文档
index.html
<script
  src="https://oaim.im/static/plug/js/oaim-widget.js?v=9"
  data-invite-code="8888"
  data-title="OAIM 在线客服"
  data-auto-open="1"
  data-auto-open-delay="0"
  data-auto-open-once="1"
  defer></script>

工作入口

按角色选择工作入口

客服使用工作台,用户使用 H5,商户从后台管理接入和会话策略。

Mobile user

H5 用户端

移动端登录、聊天、媒体、表情和个人设置。

版本 1.0.0Windows / macOS / Android下载页提供校验值公开演示邀请码:8888

先在你的页面里体验一次完整会话

从 Widget 开始,随后在客服工作台查看同一条会话。