怎样把QQ、旺旺图标放在在线图标上？

looyuomskefu001

注意事项：
此设置，面板类型需选择图标方式

配置操作步骤：
点击管理中心-->探头配置管理、探头管理-->选中探头、点击编辑
-->在线客服图标设置-->自定义区域




详细配置步骤：
1、探头名称：填写的探头名字，中文英文无要求，有规律的探头名字能方便后期维护查找。
2、在网页上显示在线客服图标：勾选，代表显示。
3、面板基本配置：
   面板类型：下拉选择，一共四种模式，这里使用图标方式。
   面板位置：不浮动、屏幕左边、屏幕右边、代表面板显示的位置。
   高级选项：点开，提示设置上边距和侧边距，上边距代表图标上层与浏览器顶层的距离
             侧边距代表图标右侧与屏幕右边下拉条的距离
4、图标样式设置，自定义图标前面打勾。
   在线图片链接：美工做好的图片，上传到网站后台的路径。
   离线图片链接：美工做好的图片，上传到网站后台的路径。
   注释：此处图分两种图，
   第一种效果全部显示在背景图上的，下面根据自定义区域定位即可
   效果如图：


   第二种中间显示部分分开做，背景图做简单的空框效果，
   效果如图：


此处配置以第二种为例，第二种方法可变范围较大，便于随时修改，
若第一种形式的图，有新变化只能重新作图
图片宽度：背景图片的宽
图片高度：背景图片的高
关闭按钮：OMS自带按钮，设置有，直接在图上显示，访客点击关闭，图标消失。刷新后重新显示图标。

5、客服图标收缩设置，选择支持收缩，前面勾选。
收缩按钮图片：美工做好的图片，上传到网站后台的路径。
展开按钮图片：美工做好的图片，上传到网站后台的路径。
图片宽度：收缩图片的宽度，建议宽度20-60像素。
图片高度：收缩图片的高度，一般高度为背景图片高度的1/3.
距离上边：距离图标背景的上边距
初始收缩：设置初始位置是否收缩。
6、响应客服设置：
单个客服：访客点击图标，后台客服由单个客服接待。
客服分组：访客点击图标，后台客服由客服分组接待。客服分组里面可以添加多个客服
7、自定义区域：
点击新建区域：

区域类型：设定区域显示的类型，支持QQ，MSN，在线客服，免费电话，
          支持自定义链接（访客点击此处，自动跳转到自定义的网页上面）
区域位置：区域显示类型在背景图上的位置。
区域背景：区域位置填充的背景，效果图:
QQ号码：区域类型是QQ的，填写QQ号码。其他类型选择相应的接通选项。
保存：保存之后，自定义设置完成
最后点击