在网页上添加阿里巴巴国际站旺旺和Skype在线客服代码,让你的网站彰显专业
阿里巴巴国际站旺旺和Skype在线客服代码――工具/原料客服人员的旺旺用户名(cn开头的)和skype用户名
dreamweaver (随便哪个版本都行)
阿里巴巴国际站旺旺和Skype在线客服代码――方法/步骤阿里巴巴国际站旺旺和Skype在线客服代码 1、
打开dreamweaver,新建一个html文档。
阿里巴巴国际站旺旺和Skype在线客服代码 2、
点“插入-表格”,就会弹出如图的对话框,行数、列数、表格宽度、边框粗细自己按照实际情况填入
阿里巴巴国际站旺旺和Skype在线客服代码 3、
接下来就要添加代码来实现我们的目的
首先添加国际站的旺旺,代码如下:
<a href="http://webatm.alibaba.com/atm_chat.htm?enemberId=enaliintcn*********" target="_blank"><img src="http://amos.us.alitalk.alibaba.com/online.aw?v=2&uid=cn*********&site=enaliint&s=2"></a>
需要修改2个地方,看图
第一和第二个红色框框的地方就是你的旺旺用户名,注意cn一定不能大写,只能小写哦!不然它连接不到你的!
第三个红色的框框可以修改显示的样式,阿里巴巴一共提供2种样式
如果红色框框中的数字是1则是下面的样式:
http://amos.us.alitalk.alibaba.com/online_img/1/online.gif
http://amos.us.alitalk.alibaba.com/online_img/1/offline.gif
数字是2的样式:
http://amos.us.alitalk.alibaba.com/online_img/2/online.gif
http://amos.us.alitalk.alibaba.com/online_img/2/offline.gif
看你自己喜欢哦(把上面的4个链接复制到浏览器就可以看到样式了)
选定好样式之后就把打码复制粘贴到dreamweaver里面相应的单元格里面去,保存然后按F12预览,这个时候你就可以把你的旺旺上线然后下线测试你的代码是否起效了~
阿里巴巴国际站旺旺和Skype在线客服代码 4、
添加skype在线客服代码:
http://skype.tom.com/help/skypebuttons/wizard.html
点入这个链接,就会看到如图
1、输入正确的skype账号
2、你想让它在网页上显示的名称,也可以跟你的skype账号一样,也可以不填
3、有很多选项,按照自己的需求去选择自己想要的样式
4、在第二步的时候填了显示的名称就会像这样显示
5、当你完成了上面4步,这里就是你想要的样式的代码,复制粘贴到dreamweaver相应的单元格,保存然后按F12预览,这个时候你就可以把你的skype上线然后下线测试你的代码是否起效了~
阿里巴巴国际站旺旺和Skype在线客服代码_旺旺在线客服代码
阿里巴巴国际站旺旺和Skype在线客服代码 5、
完成了上面4大步骤,就完成了一个客服的设置,如果还有其他的客服,按照同样的方法重复几次就可以完成了。
下面的图片是已经完成制作的效果截图,只要把代码复制粘贴到网站相应的地方就OK了
阿里巴巴国际站旺旺和Skype在线客服代码――注意事项一定要注意添加旺旺账号的时候cn一定要小写