淘宝店铺装修教程(行业研究)

合集下载

淘宝店铺扶植版装修教程

扶持版装修教程①：点击旺旺上的淘，然后点击店铺管理出来这个页面点击自定义模板的编辑点击编辑之后出来一个框扶持版不支持一键安装，只能按照代码去安装啦。

命苦啊点击框框上的菜单源代码点击之后我们就需要找代码放进去了②：找代码下载这个之后，解压出来一个文件夹，我们点击浏览下自己需要模板几比如我看上了模板01打开之后我们找到代码这个文件夹然后直接点击打开这里的文档就是代码来的了。

我们刚才点击编辑装修的是右边的一个自定义，那么我们就要复制相应的代码进去。

扶持版的模板只能支持一个自定义，不可以超过20K。

所以我们装修的时候，复制的代码不能超过20K哦。

我们选择1-3个文档复制进去就可以了。

太多了就会超过20K不能保存哦！③：复制粘贴代码到自定义版块我们打开右边01，出来很多英文，这些就是代码来的哈我们全选，复制，然后粘贴到装修版块粘贴进去之后继续同样的操作，复制右边02打开，之前复制01进去了，现在直接在01的代码后面粘贴02. 我们现在假设只复制01,02就可以了。

全部复制粘贴完成之后。

看看编辑的框到了这里，我们要预览下装修的效果点击下源代码就可以看到编辑的效果了点击保存就可以看看店铺装修的第一步效果我们装修好右边的自定义，现在我们还可以装修左边的自定义，也就是分类这些模板的④：装修左边的分类自定义点击这个添加一个自定义模板然后变成这样点击编辑之定义内容区出来这个框框是不是很眼熟呢。

亲们看到的就是自定义编辑的版块了。

和我们刚才上面说到的方法是一样的咯点击编辑源代码然后复制粘贴左边的链接预览之后保存保存之后，我们看到的就是简单装修之后的店铺了⑤：店招点击编辑确定之后保存点击右上角的发布，我们的装修就完成了。

淘宝店铺装修的页尾设计技巧

淘宝店铺装修的页尾设计技巧
淘宝店铺装修的页尾设计技巧
网店页尾的用处：
令网店页面的结构显得更加完整，页尾的模板和页头模板相比是比较少的，所以利用好页尾可以为网店起到很好的分流作用的，并且页尾和页头都是属于共同展示页面的，不管是打开哪个产品详情页都会有显示出来的。

那么普通的淘宝网店页尾模板有多少个?淘宝店铺默认的页尾模板就只有一个的，是属于自定义的页面。

页尾模板的内容主要是倾向于哪个方面?店铺页尾模板必须要符合网店的风格以及主题，色彩需要一致，至于内容，可以添加消保、售后服务、7天无理由退换货、购物流程、联系方式等等，下面店铺和大家说说别人的淘宝店铺的页尾是如何设计的。

页尾设计：
1.客服联系方式。

这个内容很多淘宝店家都会设置在页面的左右两边的，至于什么要设置在页尾的目的`就是页头和页尾是共同的页面，这样可以展示机会，方便消费者咨询。

2.发货须知。

添加这样的内容的目的就是让消费者对店铺增加信任，并且发货须知这部分是一定的，这个发货时间是由店家来定的，所以，统一的发货时间可以让店家节省很多时间。

3.购物流程、返回首页。

提高顾客体验度，不是每一位顾客都知道购物流程是怎么样的，那么我们就需要把购物流程展示出来，让顾客可以按照流程去购买宝贝。

4.友情链接。

这个是很容易理解的，姐妹店铺、合作店铺、同盟等。

5.关于我们。

讲解网店的特色、文化、内容等等，网店加入哪些保障服务等等。

【淘宝店铺装修的页尾设计技巧】。

2013最新淘宝店铺装修教程第五课

4
‹#›
基础版装修全攻略教程
‹#›
店铺自定义招牌
‹#›
做好店铺招牌的几点步骤
• • • • • • • • • 1招牌尺寸页头高度为：150px（已包含导航）建议招牌尺寸：950*120 px（即加上导航高度，刚好是150px，可避免发布后导航被挤掉不显示的问题） 2店招模块误删后怎么找回来方法一：在页面管理-页面编辑-首页-“+添加模块”选择添加店铺招牌方法二：在页面管理-布局管理-首页-店铺页头 -“+”添加店铺招牌 3招牌中的收藏按钮制作收藏按钮需要自行设计制作。 4招牌代码来源招牌代码是html代码，可自行编写后直接复制到自定义招牌内容区。如果需要查看店铺招牌代码，在编辑框中选择“查看代码”按钮即可 5店招左侧的方块块（写着我们的店铺名的）能去掉吗？可以。用自定义招牌覆盖即可 6页头背景与店招的区别（基础版无背景功能）页头高150px，店铺招牌宽950 px。店铺招牌两次超出950px之外的部分为页头背景区域，页头背景需单独装修设置，页头背景设置路径：装修-样式编辑-背景-页头背景
‹#›
• • • • •
店招基本操作
• 登陆：卖家中心——店铺管理——店铺装修
‹#›
‹#›
‹#›
‹#›
店招基本操作完成
‹#›
旺铺导航教程
‹#›
‹#›
‹#›
‹#›
• CSS导航在线生成工具网址：/tool/dhcss/
‹#›
宝贝分类
‹#›
图片空间
卖家中心——店铺管理——图片空间
鼠标滑过图片可执行操作
宝贝推荐
‹#›
‹#›
‹#›
‹#›
‹#›

淘宝店铺装修尺寸大全(终极版)

代码：无（图片做好后直接上传）
格式：jpg、gif
未标明的部分同普通店铺
大小：950*150px<=80k
代码：无（图片做好后直接上传）
格式：jpg、gif、png
2、旺铺促销区
大小：宽度<=735px，高度无限制
代码：<imgsrc="店铺公告地址"/>（图片必须放置在网络空间或网络像册，没有可以先申请一个，需支持宝淘外链的）
格式：jpg、gif、html、文本
3、旺铺宝贝描述
3.宝贝描述图片的尺寸：没有特殊要求，可根据需要宽500*高500像素，大小在100K以内，这样图片的打开速度较快。要求JPG或GIF格式，静态或动态均可。将图片上传到电子相册，再复制到商品页面中去。
4.公告栏图片的尺寸：宽不超过480像素，长度不限制，大小在120KB以内GIF或JPG格式，动态或者静态均可。上传“管理我的店铺”-“基本设置”-“公告栏”-“确定”。
大小：宽度<=722px（窄），宽度<=922px（宽），高度随意
代码：<imgsrc="店铺公告地址"/>（图片必须放置在网络空间或网络像册，没有可以先申请一个，需支持宝淘外链的）
格式：jpg、gif、html、文本
普通店铺的宝贝描述尺寸大小没有什么限制，但考虑到显示器的显示尺寸，应掌握在1000PX以下。
1.商品图片的尺寸：宽500*高500像素，大小在120KB以内，要求JPG或GIF格式，到发布宝贝页面上上传图片。最好大于312*310px
2.店标图片的尺寸：宽100*高100像素，大小在80K以内，支持JPG或GIF格式，动态或静态的图片均可。上传步骤：“管理我的店铺”-“基本设置”-“店标”-“浏览”-“确定”

淘宝天猫网店美工教程项目10 无线店铺装修设计

网店装修美工设计教程

买家进入网店，第一眼体验到的便是视觉上的感受。如果视觉体验不
好，就更不用说去看店铺中的商品了，所以一定不能忽视最基本的店铺装修环节。
Contents 目录
1 2 3 准备图片素材
店铺色彩搭配
不拘一格的页面布局
4
准确、抢眼的文字
一、准备图片素材
01 02
拍摄商品照片
收集装修素材
一、准备图片素材
CHAPTER ONE
网店装修美工设计快速入门
学习目标
理解网店装修的作用和重要性。
明白网店装修与转化率的关系。
学会用有效的方法确定网店的装修风格。注意网店装修细节问题，避免客流量的流失。
除了推广方式和营销手段外，网店装修的作用不可小觑。商
品再好，吸引不来买家也毫无用处。对于卖家来说，网店装修是决定网店成败的重要因素之一。
好的网店中了解到更多的商品信息和店铺信息。
一、初步了解网店装修
1 什么是网店装修
一、初步了解网店装修
1 什么是网店装修
直接拍摄的商品图片
一、初步了解网店装修
1 什么是网店装修
经过处理的商品图片
将图片添加到网店首页
一、初步了解网店装修
1 什么是网店装修
一、初步了解网店装修
2 网店装修的重要性
01 02 03 04 05
装修图片的显示适量使用闪图和特效添加音乐要有讲究控制装修图片的色彩统一店铺风格
在网店装修之初就要确定风格，通常情况下选用“默认风格”。如果商品照片的背景不是白色的，则可以选择其他风格。此外，在把握店铺整体风格的同时，还要考虑其稳定性和可更改性。
暗黑酷炫风格
二、网店装修的风格定位

网店装修,淘宝店铺首页应如何布局？

网店装修，淘宝店铺首页应如何布局？实体店铺给人的第一感觉往往是它店铺装修好坏，而淘宝店铺则是它的首页布局决定了它在顾客心里的第一印象，一个好的店面装修及布局不仅能让顾客拥有好感，还能让他们在购物过程中获得更好的购物体验。

想要了解淘宝首页布局的朋友可以参考下下面的关于布局的基础知识，希望能帮到你们。

把网店装修好不仅能够提高店铺的整体形象，还能够提高店铺的转化率，一个合理的装修风格和布局能够给买家很好的购物体验，在视觉和操作上都能够给买家留下良好的印象，下面就和大家说说店铺首页该如何去布局吧。

1、首页的第一屏淘宝店铺首页第一屏是点击率最高的一个区域，因为买家来到店铺第一眼看到的就是这个地方，如果这块地方设计得不够出色那么买家就会迅速的下拉页面。

现在很多店铺的首页都实现了在1024px下能完整的看到这个轮播图片。

在这个重要区域就要展现出店铺的重要信息，比如热销的宝贝、商品的分类、促销活动等等。

还有一点是要保证这个区域在不同的屏幕分辨率下都能够清晰的展现出来。

2、首页下半部分整洁统一，要有层次感（1）整洁统一。

每个楼层布局是一样的，你可以看看天猫首页，电器城，还有其他外站以及网店系统的精美模板，他们每个楼层布局都是一样的，为什么呢?考虑到客户浏览的时候总是很快的，这样他就知道他想要的在哪，不用花时间去找。

（2）每个楼层色调又是不一样的，这样能刺激浏览者的视觉，让他能够分开不同的楼层快速定位到他想要的哪一个楼层中。

3、要学会做活动页首页第一屏那么重要的区域，如果轮播图片只是链接到某一个宝贝是在太浪费了，如果客户不喜欢这个宝贝，跳出率就很高，你可以新建一个活动页，列出多个相关产品，让客户有的选择，成交率就会大大提高，建立活动页的好处：1.减少首页的高度，加快首页加载速度;2.给客户以选择，提高成交率。

店铺首页就好比一个人的外貌，你把首页做好了，别人才会有想再看一眼的欲望，所以在装修网店时，千万要做好首页的布局与装修，这样才能保证你比别家网店更胜一筹。

店铺 (店招页头、页面)背景设置教程

店铺(店招页头、页面)背景设置教程1、淘宝店铺背景说明淘宝店铺背景由淘宝店招页头背景和淘宝网店页面背景构成。

由于目前淘宝店铺有专业版旺铺和基础版旺铺两个版本。

旺铺不同，淘宝店铺背景设置稍有不同。

大家仔细看我们下面的介绍说明。

如果你不清楚自己网店的旺铺版本，在你网店首页，底部，淘宝有备注的，仔细看一下就知道了。

如果你是新手网店，可以免费升级到专业版旺铺哦。

具体见教程：《旺铺专业版与基础版的区别，淘宝基础版如何升级专业版?》2、淘宝专业版旺铺背景设置流程专业版旺铺，淘宝店铺背景分页头背景图+页面背景图（1）页头背景图：店铺顶部店铺招牌的位置，高度0-150px区域内。

页头背景图，我们也称淘宝店招背景图。

页头背景图的尺寸，各种各样，有1920x150这样完整的全屏的淘宝店招页头背景图，也有适合横向平铺的小图，还有可以用来直接平铺的小图。

具体，以你的店招设计为准。

页头背景图设置很简单，在淘宝装修后台后台首页，点左侧“页头”，进去设置即可。

如果需要显示设置的背景色，记得在“页头背景色”点颜色正方形小图标，设置背景色。

然后勾选后面的“显示”。

如果背景色设置不成功，或者没显示，要么你没勾选“显示”，要么你在下面上传设置了“店招背景图”。

一般情况下，背景色和背景图片是二选一。

且背景图片优先级最高。

如果页头背景有背景图，单击“页头背景图”，点更换图片，上传图片后，按需要设置好“背景显示”和“背景对齐”提示：如果你在使用鱼摆摆网或者其他网站的淘宝全套背景图，特别含全屏店招的模板，一般需要上传或者更换页头背景图，然后根据需要，将“背景显示”设置为“平铺”或者“横向平铺”或者“不平铺”。

“背景对齐”，一般设置为“居中”提示1：店招导航条与下面的模块，默认有个10px间隔，如果不需要，点关闭。

提示2：页头背景设置后，记得在右下角，点一下“应用到所有页面”。

（2）页面背景：淘宝店铺整体的背景。

目前常见的淘宝店铺页面背景图有淘宝悬浮固定背景图、纵向平铺长图、平铺小图。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

45
宝贝描述
编辑完其他内容后点击“发布”
谷风优质
46
马上做！做精彩！
谷风优质
47
如何复制粘贴推荐宝贝
谷风优质
41
【普通店铺-宝贝描述】添加链接
谷风优质
42
【普通店铺-宝贝描述】添加链接
谷风优质
43
宝贝描述的基本使用方法
重点
宝贝描述
如何获取图片地址插入图片链接和文字链接
如何复制粘贴推荐宝贝
谷风优质
44
在图片上点击右键选 “复制”后粘贴到模
板相应闻之即可。
谷风优质
普通店铺装修与设置
重点
店
店
宝
友
宝
店
铺
铺
贝
情
贝
标
公
介
分
链
描
告
绍
类
接
述
谷风优质
26
宝贝描述的基本使用方法
重点
宝贝描述
如何获取图片地址插入图片链接和文字链接
如何复制粘贴推荐宝贝
谷风优质
27
宝贝描述
首先打开宝贝描述的代码，你自己制作的或是购买的。一般来说是个.txt的文件。
谷风优质
28
宝贝描述
谷风优质
5
【店标（头像）】
店标（头像）：是店铺形象的代言，一般通过店标就清楚该店铺卖的是些什么商品。图片格式仅支持gif和 jpg两种.
店标在100px *100px（80k内）
头像在120px *120px（100k内）
谷风优质
6
【普通店铺-店标】展示位置
首页
聊天窗口
谷风优质
7
店标
3、字体颜色、大小等格式可根据您的喜好自行编辑。
如何复制粘贴推荐宝贝
谷风优质
32
【宝贝描述】获取图片地址
谷风优质
33
【宝贝描述】获取图片地址
谷风优质
34
【宝贝描述】获取图片地址
方法一：从小变大
谷风优质
35
【宝贝描述】获取图片地址
小图大图
谷风优质
36
【宝贝描述】获取图片地址
方法二：从相册复制
① ②
③
谷风优质
29
宝贝描述
谷风优质
30
宝贝描述
谷风优质
31
宝贝描述的基本使用方法编辑源文件-复制粘贴代码-使用编辑器
重点
如何获取图片地址
宝
贝
描
述
插入图片链接和文字链接
1、不要直接从word里直接复制内容到模板；不建议使用宋体以外的其他字体。
2、如果您需要从网页上复制内容到模板，请先将内容粘贴到记事本，然后再从记事本重新复制再粘贴到模板。
谷风优质
37
【宝贝描述】获取图片地址
方法二：从相册复制
谷风优质
38
【宝贝描述】获取图片地址
方法二：从相册复制
谷风优质
39
【宝贝描述】获取图片地址
方法二：从相册复制
谷风优质
40
宝贝描述的基本使用方法
重点
宝贝描述
如何获取图片地址
右键-属性-地址
插入图片链接和文字链接
【注意】相册空间必须支持淘宝，建议使用收费相册。免费相册中QQ相册、163、新浪相册等均不支持外部链接。雅虎相册也暂停支持引用到淘宝。
设置您的店铺信息
谷风优质
8
【头像】
头像设置会延迟显示哦
谷风优质
9
【头像】
头像也显示在社区帖子里哦
谷风优质
10
【头像】
5.7版旺旺
注：2008版旺旺设置方式请参照网站说明。
谷风优质
11
公告
店铺管理平台
谷风优质
12
公告
设置字体格式
添加您的公告内容
谷风优质
13
公告
插入图片编辑源文件
谷风优质
店铺装修与功能使用
普通店铺
谷风优质
1
普通店铺装修与设置
店
店
宝
友
宝
店
铺
铺
贝
情
贝
标
公
介
分
链
描
告
绍
类
接
述
谷风优质
2
认识我的店铺
店标
掌柜推荐
分类
店铺介绍
谷风优质
公告
3
普通店铺的装修与设置
基本设置
点击这里也可以展开哦
店铺管理平台
谷风优质
4
店标
文件格式GIF、 JPG、PNG，文件大小 80K以内，建议尺寸 100px*100px
分类的宽度建议做150px左右，高度不限制（可以依据你产品的多少选择高度滴哦）
谷风优质
20
分类
店铺管理平台
点击小齿轮
谷风优质
21
分类
输入宝贝名称
设置子分类添加图片
添加新分类
谷风优质
22
分类
谷风优质
23
友情链接
点击小齿轮
谷风优质
24
友情链接
添加新链接
输入您要添加的掌柜会员名
谷风优质
25
14
公告
店铺公告是以自下而上滚动方式展示哦，建议宽度340px
谷风优质
15
店铺风格
系统给我们提供了8种漂亮的风格背景，赶快设置试试吧！
风格预览
谷风优质
16
掌柜推荐
店铺管理平台
谷风优质
编辑
17
掌柜推荐
挑选您要推荐的宝贝
谷风优质
18
店铺介绍
编辑店铺介绍
谷风优质
19
分类
这是普通店铺的首页，这个区域就是分类出现的位置，可以规划好你的宝贝类目，让你的店铺首页看起来更醒目，整洁和漂亮哦！