淘宝:[6]网店添加多个旺旺号
通常我们需要使用多个旺旺号来作为客服,但是在装修店铺的时候我发现这是个麻烦事,所以在这里,我跟大家分享一下如何添加多个旺旺号到你的店铺首页里,当然在其他页面也是一样的,比如商品详情页也可以添加多个旺旺号。
打开你的店铺首页,登陆你的账号,然后在右侧就会出现【装修此页面的提示】,打开它
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/1d735518512c8cf168983880c384cde34a2c4696.jpg)
我们切换到首页
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/732a12e265e7340fa6470a9035b9763e20c2b496.jpg)
在左侧一栏,我们鼠标移动到随便一个模块上,然后电锯I【添加模块】
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/9b2098254193cee87e3b4aa85a0ff2260c9aa896.jpg)
在打开的菜单中,选择【自定义内容区】
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/b666b2530688912c44f5c25b1b4800fc76f79796.jpg)
看到这个区域了吧,点击【编辑】按钮,如图所示
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/b87bd38920c5260f670ac339d2de450789018996.jpg)
来到编辑界面,我们点击【代码编辑】按钮,如图所示
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/3931cb413a8ca6085d308a4fdb8c9bcec6f8fe96.jpg)
将参考资料里的链接打开,里面是我们用到的代码,粘贴到这里
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/5c9c964ce54a2f27e5af36b5e00192dd3240f496.jpg)
再次点击【代码编辑】按钮,你会看到样式,下面我们看看如何更改他的样式
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/256eb672941fbee4259aeeedc1237971ff1de796.jpg)
先来修改背景颜色,我这里给出一部分颜色的代码,你随便找一个,如果找不到想要的,可以百度【RGB】代码
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/fab31cb375d7997ba4b4c4ebf9dade49600fd996.jpg)
修改bgcolor,等于号后面是你的颜色代码
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/16a84fe10ef85856fe7db69753e9ccd2ba66cd96.jpg)
接着修改宽度,我们的客服放在右侧栏,右侧栏的宽度为190,将下面的800改为190
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/a151a233ec3834bb22afbcec8714c27bd3823d97.jpg)
接着修改显示的文字,改成你想要的文字
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/87c8bf46b7b1eef93bfd52cfbfb33c4132ba3297.jpg)
接着修改旺旺号,将123456789替换你你的旺旺号
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/7c84d1672b5fd54657d6a6a77fd0b503c9d22497.jpg)
修改<tr>标签:我们看一个tr标签的例子,这个例子不是上面的代码里的奥,是我自己瞎写的,为了让你理解tr标签和td标签。tr标签表示一行、td标签代表一列,下面的代码表示两行两列的表格
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/92dd32f7dfb2dc19a86c45a895def4dca1391097.jpg)
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/edd84743040148fe6a0243d88fd149299b880297.jpg)
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/3852f6e5eceeadbcc36f59c3cd18dfdae53b7b97.jpg)
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/f9617afb960b31218e211a10dee983aee9d76d97.jpg)
好了,我们现在修改正式的代码,也就是我们要修改成四行一列,如图所示。修改方法你应该从上面的步骤中学会了
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/e1390a31dfb6326cc126877c89532f6322856097.jpg)
最后使用height属性来修改每一行的高度,比如我们设置成30
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/baab208630486143729456828febf6a75e0f5397.jpg)
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/506d92f1d8a72633fac4d350c02c56ee7a7f4497.jpg)
接着设置td标签对齐方式,设置成右对齐
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/e09173e89a6186258dd3d05b3b04541bd00faa97.jpg)
设置自定义内容区域的名字,比如设置成专业咨询
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/94af5fc1b727ac53d9c88f9f2ecadce891489997.jpg)
这是最后的样式
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/b87bd38920c5260f6775c339d2de450789018997.jpg)
发布他们
![淘宝:[6]网店添加多个旺旺号](https://exp-picture.cdn.bcebos.com/95bd4e8c9bcec7f87737436e034ce54a2e27fb97.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:23
阅读量:119
阅读量:158
阅读量:55
阅读量:148