## 网页部署
![](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)
访客通过这个链接打开的只能分配给该客服
- 点企来客服系统价格表
- 第一步:基于宝塔面板的安装
- 第二步:配置https服务
- 第三步:防火墙与安全组配置
- 第四步:对接系统配置使用
- 第五步:公众号模板通知设置
- 第六步:推送消息url功能
- 常见问题解决
- 推送服务检测脚本
- 注意事项
- 非宝塔系统安装教程
- 管理
- 独立版管理平台
- 账户管理
- 账户列表
- 新增子账户
- 客服系统管理
- 我的应用
- 回收站
- 子账户应用
- 设置
- 系统设置
- 清理缓存
- 短信配置(阿里云)
- 上传设置
- 客服系统
- 登录方式
- 首页
- 对话平台
- 历史记录
- 评价管理
- 客户管理
- 网页部署
- 设置
- 问候语
- 通用设置
- 客服添加与管理
- 分组管理
- 评价设置
- 常见问题
- 下班设置
- tab编辑
- 访客页面
- 接口
- 安装
- 微擎版