【开始准备】
1.首先我们进入淘宝官方网站（旺遍天下），当然也有很多第三方网站有这功能。官方的为首选吧。
https://alimarket.taobao.com/markets/qnww/portal-group/ww/wangbiantianxia
2.第一部选择您要的样式风格，
①.如您做的模板是什么样式的是长条的就选择风格一，我这里选择风格二。
②.输入主帐号的旺旺名，例如我的淘宝旺旺是“欧阳自游”那我在第二项输入欧阳自游，
③.选择是否分流。我一般默认分流。
④.这里面就是自动生成的代码，
⑤.这里有一个蓝色的旺旺图标，如果你的旺旺不在线就会以灰色显示。
自己可以试点一下蓝色旺旺图标，如会弹出提示不能选择自己或跳出对应的旺旺聊天窗口那就表示正确了，如果不是，那就可能还有问题再检查旺旺名字是否正确有误。
下面是图片解说：
3.如果是子帐号那么就如下图：子帐号格式一般是主帐号 冒号 子帐号名：如（欧阳自游:ziyoou）中间的冒号一定是英文状下的冒号。
其它和第二部一样。
4.生成好了以后就可以复制下面的代码到自定义里
粘贴替换你自定义模板里的旺旺，
如下图，
————————–
【案例实战】
好了，下面举例说明，如下图
这是用表格Table CSS代码写的一个750客服模块。
下面是HTML代码：
可以复制到你的淘宝店铺自定义区测试
———————–代码开始分割线———————–
<table width=”750″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ class=”ziyoou” style=”font-size:12px; color:#fff100;”>
<tr>
<td width=”140″ bgcolor=”#073544″><div style=”background-color:#073544; padding:5px;”><img src=”http://img01.taobaocdn.com/imgextra/i1/1055778042/T2YDboXcBaXXXXXXXX-1055778042.png” width=”126″ /></div></td>
<td bgcolor=”#9b8e57″><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ bgcolor=””>
<tr>
<td style=”padding-left:5px;”><div style=”padding:2px 5px; background-color:#073544; margin-bottom:2px; color:#fff100;”>售前客服</div></td>
</tr>
<tr><td height=”10″></td> <td></td></tr>
<tr>
<td style=”padding-left:5px;”><div style=”padding:2px 5px; background-color:#073544; margin-bottom:2px; color:#fff100;”>售后客服</div></td>
</tr>
</table>
</td>
<td width=”150″ bgcolor=”#9b8e57″><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><div style=”font-family:impact; font-size:30px; color:#fff100; text-align:center;”>9:30-24:00</div></td>
</tr>
<tr>
<td><div style=”text-align:center; color:#ffffff;”>营业时间（WORKING）</div></td>
</tr>
</table>
</td>
<td width=”100″ bgcolor=”#9b8e57″><a href=”#” target=”_blank”><img src=”http://img02.taobaocdn.com/imgextra/i2/1055778042/T259jvXXVXXXXXXXXX-1055778042.png” border=”0″ width=”100″ /></a></td>
</tr>
</table>
———————–代码结束分割线———————–
测试应用一定一定记得先关闭杀毒软件或安全软件。
不然常常会出现改变代码的情况。而使显示不正常。
复制上面的代码或你自己写的或网上下载的客服代码。我这里就用千牛客户端为例，选择店铺装修进入后台店铺装修页面
2.在左边拉一个新的自定义内容区来测试。也可以在自定义页面这个随你。只要是自定义内容区就可以。
然后再粘贴代码进去，
这时我一般显示标题选择不显示，然后确应查看效果
确认以后的效果，好像这时正常了，那就表明代码是没什么问题了。
下面的工作就是需要替换成你的旺旺ID了。
一定要记得更换。
以前就有很多朋友把客服代码粘贴进去发布就完事了。
最后一直没有生意，没有顾客找他，是什么原因呢？
因为他的顾客都联系到我的旺旺上来了。
所以。。。。。。
哦对了，我们是做淘宝，
我上面的只是举例，因为几年前是可以的。
这时是不是很眼熟了，对的，没错，到这里就回到了第一部分。
就是去（旺遍天下）
生成你自己的旺旺ID或子帐号替换就是了。
——————————————
好了，这个就讲到这里了。其实现在这个很多朋友都不用做这个了。
现在是无线端的天下。
PC端不再那么重要了。不过个人感觉，至少我购物一般是喜欢用PC观看，然后再用手机下单，偶尔还用一下手机端淘宝客，哪天要是没有便宜了，那PC端也会慢慢回归或什么来着，大家都做无线了，也许PC端又是机会了呢。
哈哈！
———————end———————
