## 网页部署 ![](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) 访客通过这个链接打开的只能分配给该客服