## 网页部署
![](https://box.kancloud.cn/eb78fef69ff217b4e63ebb3e4801c9b9_1101x536.png)
网页组件同时支持桌面网站、移动网站、小程序、客户端等。
**参数:**
| 参数名 | 类型 | 说明 |
| --- | --- | --- |
| visiter\_id | int | 访客ID |
| visiter\_name | string | 访客昵称 |
| avatar | string | 访客头像 |
| product | json | 访客正在访问的商品信息 |
1. 生成html:![](https://box.kancloud.cn/9614667e2a64f243a17e7efda066a37d_1920x700.png)
点击生成html,即可生成一段html代码,该代码可以直接放入你的需要客服功能的桌面网站或者移动网站中,默认客户。如果需要改变样式,可以修改对应的样式。
默认游客,如果需要对接你的网站的用户信息,对照参数表中的字段填入html 表单action字段中对应参数即可。
例:在一个php网站中
~~~
$user = array(
'uid' => 1,
'nickname' => 'Bob',
'avatar' => ’http://image.baidu.com/avatar/3423432.png‘
);
~~~
<form class="wolive-item" action="https://cstest.zjhejiang.com/index/index/home?visiter_id={$user['uid']}&visiter_name={$user['nickname']}&avatar={$user['avatar']}&business_id=1&groupid=0" method="post" target="_blank" >
~~~
~~~
2. 生成js
![](https://box.kancloud.cn/90118a347ebdb832dd3d78ea5788e47a_1920x678.png)
如果需要对接现有系统用户,在js变量中赋值即可。
3. 迷你窗口
![](https://box.kancloud.cn/28aa0dcaa17b48c6fac87cde869f4c6c_1314x511.png)
4. 点击右侧生成的网页组件可以快速体验。
![](https://box.kancloud.cn/d0c733b4b1f5a778c7000775d5b258bc_1917x941.png)
5. 生成微信公众号链接
![](https://box.kancloud.cn/1e7cccaf43288a11afdf48d4a51b6bcb_1273x534.png)
在微信里打开链接:
![](https://box.kancloud.cn/335af1f5c5d905ba078efc4c86807cfe_506x871.png)
6. 生成我的专属链接
![](https://box.kancloud.cn/a3ee7d3b34e4a2ddf9d1c9ab48be2e8d_1403x556.png)
访客通过这个链接打开的只能分配给该客服