====== 网页接入 ======

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

===== 桌面网页接入 =====

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

==== 第1步：注册客服云账号 ====

在客服云[[http://www.easemob.com/kefu-register/|注册页面]]，填写您的手机号码等信息，注册客服云账号。

{{:cs:start-register1.png?nolink|注册}}
==== 第2步：为您的网页添加聊天窗口 ====

1. [[http://kefu.easemob.com/|登录]]环信客服云，进入“管理员模式 > 渠道管理 > 网页”。

{{:cs:releasenote:渠道管理-网页插件.png?nolink|渠道管理-网页插件}}

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

当用户点击“联系客服”按钮发起咨询时，您可以在环信客服云的[[cs:100agentmode:10conversation|会话]]面板对消息进行回复。

==== 第3步：设置聊天窗口的功能和样式 ====

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

{{:cs:样式设置.png?nolink|样式设置}}

在功能设置下，可以对访客端的各项功能进行开关，如下所示：

{{:cs:功能设置.png?nolink|}}

注意请务必为网页渠道绑定一个app关联，以确保对话可以正常进行，如下所示

{{:cs:客服云-h5渠道绑定关联.png?nolink|}}
==== 后续操作 ====

您可以对聊天窗口进行更多个性化的定制，请参考[[cs:300visitoraccess:web-widget|网页渠道集成]]。

===== H5网页接入 =====

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

==== 第1步：注册客服云账号 ====

在客服云[[http://kefu.easemob.com/mo/register|注册页面]]，填写您的邮箱、密码等信息，注册客服云账号。

{{:cs:start-register.png?nolink|注册}}

==== 第2步：创建H5网页聊天窗口 ====

1. [[http://kefu.easemob.com/|登录]]环信客服云，进入“管理员模式 > 渠道管理 > 网页”，找到网页插件的集成网页链接。

2. 点击“打开链接”或手动复制链接，即可获得H5网页地址。您可以将该地址添加至您的手机APP或微信公众号的对应位置。

<code http>
https://kefu.easemob.com/webim/im.html?configId=982d8f2d-06db-49ab-9e14-673c151172b6
</code>

当用户进入该H5网页发起咨询时，您可以在环信客服云的[[cs:100agentmode:10conversation|会话]]面板对消息进行回复。

==== 第3步：设置H5网页的功能和样式 ====

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

{{:cs:样式设置.png?nolink|样式设置}}

{{:cs:功能设置.png?nolink|功能设置}}

注意请务必为网页渠道绑定一个app关联，以确保对话可以正常进行，如下所示

{{:cs:客服云-h5渠道绑定关联.png?nolink|}}
==== 后续操作 ====

您可以为该H5网页进行更多个性化定制，请参考[[cs:300visitoraccess:web-widget|网页渠道集成]]。