同学们你们好,你们的网店装修的怎么样了?是不是用了免费提供的原始模板,就对店铺不管不问了呢?对于我们小分销商来说,这可是分销行业大忌哦,你看这种千篇一律的旺旺,怎么不会让人心生厌烦呢:
网店中,有时候一处小小的别出新材的装饰,都会给人眼目一新的感觉,给顾客留下了深刻的印象,就增加了顾客粘性。接下来,JU53就教大家怎么利用现有的素材和工具,自制有自己风格的旺旺。
1、选好理想图片,ps调整尺寸
如图,我们需要在圆圈内添加图标:
2、打开淘宝卖家后台,把改好的图片上传到空间:
3、上传好之后点击图中位置,复制链接待用:
4、大家不妨装一个Dreamweaver,如图,新建一个HTML:
5、建好之后,差入一个表格:
注意表格尺寸要与图片吻合,因为我们要把图片放到表格里:
插入的表格如图
调整表格高度(示例为77)
6、插入图片
切换到“代码”,如图在table之后加入背景(background属性)
在background输入之后点击“浏览”,之后出现的属性选择列表里,“URL”之后填入我们图片的链接:
7、图片中插入小表格
切换到“设计”:
如图,我们插入小表格是为了在名字之后放投标,先确定表格的行和列数:
插入之后,切换到“tr":
先将表格,选为右对齐:
改每行的高度:
设置好之后,将光标移动到边框,变换为图中样式后,右拖确定边框位置:
只需在途中表格中添加客服头像图标即可:
8、同学们可以在旺便天下中找:
账号名称自己填写即可,选择“不分流”,再复制代码以备用:
回到Dreamweaver,切换到“代码”,在表格的代码中,把上异步的代码复制到标蓝色的位置:
复制<body>和</body>之间的代码待用:
我们假设想把旺旺客服放在详情页中,就打开后台宝贝详情编辑页面,把上步代码放到以下位置,为了方便区分,可以加下划线:
9、复制完成,效果如图:
10、如想放在首页,则进入后台店铺装修,选择加入一个自定义区域:
编辑自定义区域,切换带代码:
把客服图片的代码复制到其中即可,看效果:
好了同学们,有时间的话,请试一试吧!!要用心哦!
注:本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即后台留言通知我们,情况属实,我们会第一时间予以删除,并同时向您表示歉意