添加在线聊天/客服工具

如何在我的网站添加在线聊天工具?如何在我的网站添加在线客服工具?

目前上线了可以通过自定义HTML代码(专业/企业版功能)添加在线聊天工具,如在线QQ、美洽在线客服等。具体请参考我们的示例网站:http://online-customerservice.sxl.cn/

一、你可以这样来添加在线QQ:

1)首先进入上线了的网站编辑器,点击设置—自定义代码。

2)在页脚处复制粘贴下方这段代码。

需要注意的是:请将代码中的“QQ号码”替换成你自己的QQ号码。

<script>
var htmlStr = '<a target="_blank" style="position:fixed;right:40px;bottom:40px" href="http://wpa.qq.com/msgrd?v=3&uin=QQ号码&site=qq&menu=yes"><img border="0" src="http://b.qq.com/static/images/wp/wp_3.gif" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>'
$(htmlStr).insertAfter("body")
</script>

3)不要忘记点击更新来完成设置噢~最后再点击上线即可完成。

快刷新你的网站预览一下吧,你会在网站的右下角发现QQ交谈的图标。

 

二、你可以这样来添加美洽在线客服系统:

1)首先,需要注册或登录美洽

2)登陆成功后,你会看到如图所示的界面。如果不是,请点击左下角的小齿轮—设置—网页插件即可找到代码。

3)进入上线了的网站编辑器,点击设置—自定义代码,在页脚处复制粘贴红框内的代码。

4)不要忘记点击更新来完成设置噢~最后再点击上线即可完成。

快刷新你的网站预览一下吧,你会在网站的右下角发现美洽的在线客服图标。

 

注意:如果你的网站同时拥有简易商城版块,需要在美洽做一点小修改,否则在手机端浏览时,会出现购物车被遮挡的情况。

针对这个情况,你可以这样来修改设置:

1 )登录美洽,在设置中选择“网页插件”。



2) 在“移动网站外观设置”下选择“聊天按钮样式”。

​​

3)按钮样式选择“圆形按钮”,并更改按钮位置。保存后刷新页面就可以看到被遮挡的购物车了。



还有其它问题?提交请求