网页接入

网页接入提供两种方式:为您的桌面网页添加聊天窗口,或为您的APP或微信公众号添加H5网页聊天地址。

桌面网页接入

您已拥有一个网站,只需要在您的网站加入几行代码,就可以轻松处理来自您的网站用户的咨询。

第1步:注册移动客服账号

在移动客服注册页面,填写您的邮箱、密码等信息,注册移动客服账号。

注册

第2步:为您的网页添加聊天窗口

1. 登录环信移动客服,进入“管理员模式 > 渠道管理 > 网页”。

网页渠道

2. 按照界面提示,将上图示例的一段代码复制并粘贴到您网站的</body>标签之前,保存并发布网站。您的网站的右下角会出现一个“联系客服”的按钮。

当用户点击“联系客服”按钮发起咨询时,您可以在环信移动客服的会话面板对消息进行回复。

第3步:设置聊天窗口样式

在“管理员模式 > 渠道管理 > 网页”这个页面,设置聊天窗口的颜色主题、信息栏内容、企业形象展示,并保存。

设置聊天窗口样式

后续操作

您可以对聊天窗口进行更多个性化的定制,请参考网页渠道集成

H5网页接入

若您需要使用H5网页处理用户咨询,可以在您的APP、微信公众号添加一个H5网页链接。

第1步:注册移动客服账号

在移动客服注册页面,填写您的邮箱、密码等信息,注册移动客服账号。

注册

第2步:创建H5网页聊天地址

1. 登录环信移动客服,进入“管理员模式 > 渠道管理 > 网页”,找到系统为您分配的唯一的tenantId。如下图所示。

获取tenantId

2. 将tenantId的值填入下述网址中xxxx的位置,即可获得H5网页地址。您可以将该地址添加至您的手机APP或微信公众号的对应位置。

http://kefu.easemob.com/webim/im.html?tenantId=xxxx

当用户进入该H5网页发起咨询时,您可以在环信移动客服的会话面板对消息进行回复。

第3步:设置H5网页的样式

在“管理员模式 > 渠道管理 > 网页”这个页面,设置聊天窗口的颜色主题、信息栏内容、企业形象展示,并保存。

设置H5网页的样式

后续操作

您可以为该H5网页进行更多个性化定制,请参考网页渠道集成