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

 时间:2024-10-12 18:19:17

1、首先我们打开D掳姗浚瑙W软件,新建一个文档。新建好了之后点击代码。再打开客服代码(这个客服代码我会共享在群里面,有需要的朋友加群下载),将打开的代码拷贝下来,再粘贴在刚刚新建的文档的双“body”之间。

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

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

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

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

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

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

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

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

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

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

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

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

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

8、那么我们的售中旺旺与售后旺旺的做法跟售前的也是一样的,这边就不做详细的展示了。售前、售中、售后全部做好之后的效果如图所示:

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

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

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

10、上面的所有步骤做完 我们接着再发布出去,我们今天的淘宝旺旺就装修好啦。大家可以预览一下 看看效果 在发布。

  • 人老腿先老的信号
  • 如何开展关于“寻找身边不安全行为”的主题班会
  • 安装软件需要知道的几个常识
  • 秋葵炒肥牛卷
  • iphone11桌面白色小圆点怎么去掉呢?
  • 热门搜索
    三爱手抄报内容 关于科普知识的手抄报 喜迎国庆手抄报图片 关于环保的手抄报内容 交通手抄报图片大全 关于国庆节的英语手抄报 书香校园手抄报图片 关于感恩父母的手抄报 重阳节手抄报简单 小学生新年手抄报