1、首先我们打开D掳姗浚瑙W软件，新建一个文档。新建好了之后点击代码。再打开客服代码（这个客服代码我会共享在群里面，有需要的朋友加群下载），将打开的代码拷贝下来，再粘贴在刚刚新建的文档的双“body”之间。
2、把已经保存好的旺旺图标上传至淘宝图片空间。
3、我们再回到DW软件上来，图上标记出来的代码表示一个旺旺客服。
4、可以看到在这段代码里有些是中文字，那么我们就根据中文字找出相应的链接替换它们。
5、旺旺链接地址：首先我们打开淘宝首页，可以看到右边有旺旺的标志，右击旺旺，就可以复制链接了，然后再粘贴在对应的双引号中就可以了。
6、旺旺图标图片地址：我们打开淘宝图片空间，点击刚刚上传好的旺旺图标，复制链接，然后再粘贴在对应的双引号中就可以了。
7、这样一个旺旺代码就做烂衣茫庥好了，再根据你所需要的旺旺个数来复制粘贴。如：你需要三个，就把上面那串代码复制下来，挨着再粘贴。好了之后我们可以点击设计看一下效果图，刚刚我们做的是售前旺旺，效果如图：
8、那么我们的售中旺旺与售后旺旺的做法跟售前的也是一样的，这边就不做详细的展示了。售前、售中、售后全部做好之后的效果如图所示：
9、所有代码全部做好之后，将双“body”之间的代码内容拷贝下来，再打开淘宝装修后台，选择添加自定义区，再编辑。编辑内容如下：
10、上面的所有步骤做完 我们接着再发布出去，我们今天的淘宝旺旺就装修好啦。大家可以预览一下 看看效果 在发布。