淘宝代码装修教程旺旺客服中心装修 天驭设计

     旺旺客服中心装修可以提供店铺整体的专业水平，给客户一种专业宾至如归的感觉，提升自己店铺的品牌与商业价值。用专业的态度给客户精致用心的服务。

     希望大家通过本教程能够学会旺旺客服中心装修的效果。

工具/原料

DW网页编辑软件 PS 图片编辑软件 以及电脑一台。

网页代码

方法/步骤

首先我们打开DW软件，新建一个文档。新建好了之后点击代码。再打开客服代码（这个客服代码我会共享在群里面，有需要的朋友加群下载），将打开的代码拷贝下来，再粘贴在刚刚新建的文档的双“body”之间。

把已经保存好的旺旺图标上传至淘宝图片空间。

我们再回到DW软件上来，图上标记出来的代码表示一个旺旺客服。

可以看到在这段代码里有些是中文字，那么我们就根据中文字找出相应的链接替换它们。

旺旺链接地址：

首先我们打开淘宝首页，可以看到右边有旺旺的标志，右击旺旺，就可以复制链接了，然后再粘贴在对应的双引号中就可以了。

旺旺图标图片地址：

我们打开淘宝图片空间，点击刚刚上传好的旺旺图标，复制链接，然后再粘贴在对应的双引号中就可以了。

这样一个旺旺代码就做好了，再根据你所需要的旺旺个数来复制粘贴。如：你需要三个，就把上面那串代码复制下来，挨着再粘贴。好了之后我们可以点击设计看一下效果图，刚刚我们做的是售前旺旺，效果如图：

1. 那么我们的售中旺旺与售后旺旺的做法跟售前的也是一样的，这边就不做详细的展示了。

售前、售中、售后全部做好之后的效果如图所示：

所有代码全部做好之后，将双“body”之间的代码内容拷贝下来，再打开淘宝装修后台，选择添加自定义区，再编辑。编辑内容如下：

上面的所有步骤做完 我们接着再发布出去，我们今天的淘宝旺旺就装修好啦。

大家可以预览一下 看看效果 在发布。

注意事项

装修需要代码 以及软件配合

如有不懂的可以观看上方视频教程