资源简介

(共98张PPT)
店铺装修与模块制作
第3章
3.4
店铺主要模块的制作
店铺中的各个页面完成后布局后，就需要向里面添加内容。在上一节中可以看到，以淘宝旺铺专业版为例，每种店铺布局都包含很多不同的模块，这些模块承担着不同的功能，店铺卖家通过这些模块添加商品分类、展示产品、进行促销活动、提供在线服务等等。
下面就以淘宝旺铺专业版为例，说明网店主要模块的制作流程。
3.4.1 店铺店招的制作
3.4.1.1 店铺店招概述
店招就是店铺第一屏内容，是买家进入店铺看到的第一个模块，是打造店铺品牌、让买家瞬间记住店铺的最好阵地。淘宝店铺招牌的作用主要是知识和引导。
店招的宽度可设置为950 px，高度建议不要超过120 px，否则导航显示可能异常。店招可以使用任意一款图像处理软件制作，也可以购买。
在“卖家中心”页面单击左侧“店铺管理”栏目下的【店铺装修】超链接，进入旺铺店铺装修页面。在“店铺装修”页面中单击店招模块右上角的【编辑】按钮，如图所示。
3.4.1 店铺店招的制作
3.4.1.2 店铺店招装修操作流程
步骤1
单击【编辑】按钮
打开“店铺招牌”对话框，选择“自定义招牌”单选项，如图所示。
3.4.1 店铺店招的制作
3.4.1.2 店铺店招装修操作流程
步骤2
选择“自定义招牌”单选项
3.4.1 店铺店招的制作
3.4.1.2 店铺店招装修操作流程
淘宝旺铺是淘宝提供的一项增值服务，是一种更加个性、豪华的店铺界面。淘宝旺铺在吸引买家关注店铺及产品、刺激买家购物欲望以及树立店铺形象等方面作用明显。
淘宝旺铺目前有两个版本：专业版、基础版。基础版旺铺针对所有用户免费；专业版旺铺一钻以下可免费使用，无需订购，一钻及以上用户需要订购，价格为50元/月。
温馨提示
在弹出的“自定义内容”对话框中单击【插入图片空间图片】按钮，如图所示。
3.4.1 店铺店招的制作
3.4.1.2 店铺店招装修操作流程
步骤3
单击【插入图片空间图片】按钮
选择图片空间里的图片作为店招，如果图片还没有上传到图片空间，可以单击【上传新图片】选项卡，先把店招图片上传到图片空间，如图所示。
3.4.1 店铺店招的制作
3.4.1.2 店铺店招装修操作流程
步骤4
可以单击【上传新图片】选项卡，把店招图片上传到图片空间
新图片上传完成后，在“图片空间”目录下找到店招，并且通过单击的方法勾选店招图片，然后单击【插入】按钮，如图所示。店招图片被插入到自定义内容区域后，单击【完成】按钮。
3.4.1 店铺店招的制作
3.4.1.2 店铺店招装修操作流程
步骤5
单击【插入】按钮
单击【完成】按钮
设置完成后，单击【保存】按钮，如图所示。
3.4.1 店铺店招的制作
3.4.1.2 店铺店招装修操作流程
步骤6
单击【保存】按钮
成功插入店招后，如果认为店招不合适，可以单击【删除】按钮删除店招模块，也可单击【编辑】按钮重新编辑店招模块，如图所示。
3.4.1 店铺店招的制作
3.4.1.2 店铺店招装修操作流程
步骤7
单击“删除”按钮
如果卖家不善于制作店招，也可以选择到BannerMaker网站购买。在“店铺招牌”对话框中选中“BannerMaker”单选项，如图3-57所示。后续按照提示到网站购买店招即可。
3.4.1 店铺店招的制作
3.4.1.2 店铺店招装修操作流程
步骤8
单击“BannerMaker”单选项
由于内容正文每5分钟自动保存一次，所以可以在右下方查看店招操作的历史记录，如图所示。
3.4.1 店铺店招的制作
3.4.1.2 店铺店招装修操作流程
步骤9
2）店招模块误删后的找回
进入“店铺装修”页面，单击【页面编辑】按钮，在打开的页面中单击尺寸【950】按钮，在基础模块选中“店铺招牌”模块并将其拖到右侧合适的位置，如图所示。
3.4.1 店铺店招的制作
3.4.1.3 制作店招的注意事项
1）招牌的尺寸
页头高度一般设置为150 px（已包含导航），建议招牌尺寸设置为950 px×120 px（即加上导航高度，刚好是150 px，可避免发布后导航被挤掉不显示的问题）。
3）招牌代码的编辑与查看
招牌代码是html代码，可自行编写后直接复制到自定义招牌内容区。如果需要查看店铺招牌代码，在编辑框中单击【源码】按钮即可，如图所示。
3.4.1 店铺店招的制作
3.4.1.3 制作店招的注意事项
单击【源码】按钮
4）页头背景与店招的区别
页头一般高为150 px，而店招不能超过120 px，店招宽度为950 px，店招两端超出950 px之外的部分为页头背景区域，页头背景需单独装修设置。
店铺导航条是买家访问店铺的快捷通道，可以使买家方便地从一个页面跳转到另一个页面，查看店铺各类商品和信息。因此，提供清晰的导航，能够保证更多店铺页面被买家访问，使更多的商品和活动被买家发现。尤其是卖家从宝贝详情页到其他页面，若缺乏导航条的指引，将对转化率有非常不利的影响。
导航条的尺寸通常为950 px×30 px。页头高度为150 px，包含店铺招牌和导航，因此，导航条的高度等于150 px减去店招高度。导航条区域可放置店铺的重要信息，最多添加12项一级内容，但最好不要超过7项。
3.4.2 店铺导航条的制作
3.4.2.1 导航条概述
3.4.2 店铺导航条的制作
3.4.2.2 导航条栏目编辑操作流程
步骤1
进入“店铺装修”页面，在“页面编辑”模式下单击导航条预览区域的【编辑】按钮，如图所示。
单击【编辑】按钮
3.4.2 店铺导航条的制作
3.4.2.2 导航条栏目编辑操作流程
步骤2
在弹出的“导航”对话框中单击【添加】按钮，可以为导航条区域添加分类/页面/自定义链接，如图所示。
单击【添加】按钮可以为导航条区域增加分类/页面/自定义链接
3.4.2 店铺导航条的制作
3.4.2.2 导航条栏目编辑操作流程
步骤3
在打开的“添加导航内容”对话框中对“宝贝分类”选项卡页进行设置，勾选一级目录和二级目录，然后单击【确定】按钮，如图所示。
① 勾选一级目录和二级目录
② 单击【确定】按钮
3.4.2 店铺导航条的制作
3.4.2.2 导航条栏目编辑操作流程
步骤4
单击“页面”选项卡进入设置页面后可以进行添加页面至导航条的操作。在“页面”选项卡页中可以勾选添加“基础页面”“活动页面”“多终端页面”“自定义页面”“协作页面”等，也可以单击【添加自定义页面】按钮添加自定义页面后再勾选该页面。最后设置完成后，单击【确定】按钮，如图所示。
单击此处添加自定义页面
可以勾选添加“基础页面”“活动页面”“多终端页面”“自定义页面”“协作页面”
单击【确定】按钮
3.4.2 店铺导航条的制作
3.4.2.2 导航条栏目编辑操作流程
步骤5
单击【自定义链接】选项卡进入设置页面后可以进行添加自定义链接至导航条的操作。在“自定义链接”设置页面，单击【添加链接】按钮，如图所示。
单击【添加链接】按钮
3.4.2 店铺导航条的制作
3.4.2.2 导航条栏目编辑操作流程
步骤6
在页面指示位置输入链接名称和链接地址，单击【保存】按钮，链接名称将在导航条处显示。链接地址只能添加淘宝网内部链接。这里可以是本店铺内的任何链接，如某一促销活动链接，也可以链接到某一店铺。最后单击【保存】按钮，如图所示。
单击【添加链接】按钮
链接名称将在导航条处显示
只能添加淘宝网内部链接
单击【保存】按钮
3.4.2 店铺导航条的制作
3.4.2.2 导航条栏目编辑操作流程
步骤7
保存好的“自定义链接”可以重新编辑或者删除，单击【确定】按钮，如图所示。
重新编辑自定义链接
删除自定义链接
单击【确定】按钮
3.4.2 店铺导航条的制作
3.4.2.2 导航条栏目编辑操作流程
步骤8
设置好的导航内容可以在此调整位置或删除，然后单击【确定】按钮，如图所示。
单击【确定】按钮
删除
向上移动
向下移动
3.4.2 店铺导航条的制作
3.4.2.2 导航条栏目编辑操作流程
步骤9
设置好的导航在前台展示如图所示。
页面
宝贝分类
宝贝分类
宝贝分类
自定义链接
淘宝专业版旺铺导航条无论是文字和背景的大小、颜色，或者是鼠标移动过来时文字和背景的大小、颜色都可以进行改变。制作这样的效果时需要一些插入CSS（层叠样式表，一种计算机语言）的技巧。
3.4.2 店铺导航条的制作
3.4.2.3 编辑导航颜色和样式
1）层叠样式表CSS概述
CSS也叫层叠样式表单，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。店铺导航开放CSS设定，就是说让卖家通过层叠样式表CSS来让导航展现的内容更加丰富、形式更加美观，把自主设计的权力交由卖家控制。
3.4.2 店铺导航条的制作
3.4.2.3 编辑导航颜色和样式
2）CSS设置的操作位置
进入“店铺装修”页面，单击“导航”模块右上角的【编辑】按钮，在打开的“导航”对话框中单击“显示设置”选项卡，在打开的设置页面中输入CSS代码，即可实现对导航样式的定义，如图所示。
3.4.2 店铺导航条的制作
3.4.2.3 编辑导航颜色和样式
3）手动编辑并添加CSS代码的注意事项
1
系统会自动给CSS选择器统一添加前缀：#page#content.tshop-pbsm-shop-nav-ch，在编辑时不需要重复添加。
2
CSS代码里不能包含外链图片，否则保存的时候，编辑内容会丢失。
3
在导航中，字体大小一般是14到20，根据自己的需要设定，直接填写数字就可以。同一种颜色的颜色代码在任何软件中都是相同的，可以在任何一款图形图像软件中选择颜色代码，复制粘贴到CSS代码中。
3.4.2 店铺导航条的制作
3.4.2.3 编辑导航颜色和样式
4）利用CSS代码在线生成工具
CSS代码在线生成工具可以让复杂的CSS代码编写变成简单的、可视化的鼠标单击操作，利用该工具，不懂任何CSS代码的卖家也可以自由设计出自己想要的导航效果。
CSS代码在线生成工具的操作流程如下：
打开CSS导航在线生成工具（http://taobaokaidian.com/tool/dhcss/）（如不能点击打开，请复制网址到浏览器中打开。此外，除了使用CSS代码在线生成工具之外，卖家还可以在网上搜索其他的工具，操作流程基本相同）。
步骤1
3.4.2 店铺导航条的制作
3.4.2.3 编辑导航颜色和样式
在CSS代码在线生成工具里输入如图所示的颜色参数，然后单击【生成代码_原版】按钮。
步骤2
9d102d
cf2440
7f0a1e
单击【生成代码_原版】按钮
3.4.2 店铺导航条的制作
3.4.2.3 编辑导航颜色和样式
在【生成代码_原版】按钮下方的编辑框中将出现生成的代码，全选并复制代码，如图所示。
步骤3
Ctrl+A 全选
Ctrl+C 复制
Ctrl+V 粘贴
3.4.2 店铺导航条的制作
3.4.2.3 编辑导航颜色和样式
将复制的代码粘贴到“显示设置”选项卡的CSS代码输入框，最后单击“完成”按钮。制作完成的导航条如图所示。
步骤4
“图片轮播”是卖家通过图片动态翻页进行“爆款”或“活动”等展示。图片轮播作为官方模板，翻转流畅，几乎不会出现卡顿的现象。图片轮播模块图片的格式为jpg，jpeg，png，gif。
3.4.3 图片轮播制作技巧
3.4.3.1 图片轮播概述
表达店铺情绪/氛围表达；
1
2
3
对店铺爆款进行展示、介绍；
展示店铺促销活动；
4
展示店铺新品。
图片轮播共有4个作用
3.4.3 图片轮播制作技巧
3.4.3.1 图片轮播概述
通栏宽度950 px；
1
3
右侧栏宽度750 px；
左侧栏宽度190 px。
专业版的淘宝旺铺有3个宽度的“图片轮播”模块可供卖家选择
2
3.4.3 图片轮播制作技巧
3.4.3.2 图片轮播模块制作操作流程
步骤1
进入卖家中心，单击“店铺装修”超链接，进入“店铺装修”页面。如果在右侧没有所需要的“图片轮播”模块，可以在左侧“模块”中选择所需要的“图片轮播”模块，并拖动到右侧合适的位置，并单击模块右上角的【编辑】按钮，如图所示。
单击【编辑】按钮
选择所需模块并拖动模块到右侧合适区域
3.4.3 图片轮播制作技巧
3.4.3.2 图片轮播模块制作操作流程
步骤2
打开“图片轮播”对话框，在“内容设置”选项区单击【添加】按钮可以添加多张轮播图片。至少有两张图片才能实现轮播效果，如图所示。
单击【添加】按钮
3.4.3 图片轮播制作技巧
3.4.3.2 图片轮播模块制作操作流程
步骤3
完成“图片轮播”的内容设置，包括图片地址、链接地址和轮播图片播放顺序的设置，如图所示。
从图片空间选择图片地址或上传新图片到图片空间
宝贝详情/店铺活动页面地址
上移
下移
删除
3.4.3 图片轮播制作技巧
3.4.3.2 图片轮播模块制作操作流程
1）设置图片地址
图片地址是指轮播图片在图片空间中的链接地址。它的设置方法有3种：
第一种，单击图片地址输入框后面的图标 ，单击“从图片空间选择”选项卡，直接插入图片空间里的图片。
1
2
第二种，单击图片地址输入框后面的图标 ，单击“上传新图片”选项卡，图片首先上传到“图片空间”，再插入图片空间里的该图片。
3.4.3 图片轮播制作技巧
3.4.3.2 图片轮播模块制作操作流程
第三种，在图片空间里选中图片，并复制图片链接地址如下图，并粘贴到“图片轮播”对话框的“内容设置”选项卡的“图片地址”中。
3
单击【复制链接】按钮
3.4.3 图片轮播制作技巧
3.4.3.2 图片轮播模块制作操作流程
2）链接地址
链接地址是指图片指向的宝贝/自定义页面等地址，即单击轮播图片打开的网址。由于轮播图片是卖家通过图片动态翻页对“爆款”“活动”等进行的展示，所以复制粘贴“爆款”的商品详情页或者“活动”详情页网址即可。
3）轮播图片的播放顺序操作设置
轮播图片的播放顺序操作设置有“上移”“下移”“删除”3个命令。“上移”可以使当前轮播图片向上移动；“下移”可以使当前轮播图片向下移动；“删除”可以删除当前轮播图片。
3.4.3 图片轮播制作技巧
3.4.3.2 图片轮播模块制作操作流程
步骤4
返回“图片轮播”对话框，单击【显示设置】选项卡，在其中设置参数，最后单击【保存】按钮，如图所示。
单击【添加】按钮
单击【保存】按钮
此处可以输入“图片轮播”模块标题栏显示内容
3.4.3 图片轮播制作技巧
3.4.3.2 图片轮播模块制作操作流程
1）设置是否显示标题
“显示标题”可以选择“显示”或者“不显示”，如果选择“显示”，在“轮播图片”模块的左上方将显示“轮播图片”标题栏；如果选择“不显示”，在“轮播图片”模块的左上方将不显示“轮播图片”标题栏，如图所示。
“图片轮播”模块标题栏
3.4.3 图片轮播制作技巧
3.4.3.2 图片轮播模块制作操作流程
2）设置模块高度
“图片轮播”模块高度的设置数值在100～600 px。可根据卖家需要自行设定，通常根据图片的高度确定，如果图片的高度是600 px，就输入数值600。
3）设置切换效果
“图片轮播”模块中图片有两种切换效果：上下滚动和渐变滚动。买家可根据需求任意设置。最后注意单击【保存】按钮。
3.4.3 图片轮播制作技巧
3.4.3.2 图片轮播模块制作操作流程
步骤5
“图片轮播”模块制作完成，效果如图所示。
客服中心是旺铺的功能模块之一，卖家通过此模块，可告知买家本店客服的工作时间安排和具体联系方式，方便买家咨询。目前，客服中心模块尺寸只有一种（宽度为190 px）。
悬浮旺旺是买家快速联系及咨询卖家的重要沟通途径，可以方便地用来咨询、了解宝贝、了解店铺、沟通交流。淘宝官方提供的悬浮旺旺，可以出现在店铺首页、列表页、自定义页面。同时悬浮旺旺模块含有“回顶部”功能，全面提升买家购物体验。
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.1 客服中心和悬浮旺旺模块概述
客服中心和悬浮旺旺虽然在布局中有相应模块，但客服功能需要由店铺的运营员工提供，因此在设置客服中心和悬浮旺旺之前，还需要在后台为运营员工设置好子账号。
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.2 员工子账号的设置
1）子账号简介
子账号也称为员工管理，子账号相当于主账号的其他管理员。卖家除了主账号的账号密码外，还可以设置子账号的账号和密码，便于打理店铺。
子账号的设置主要是从安全上来考虑的，因为主账号的权限非常大，如果所有员工都可以使用此账号，容易造成漏洞，可能会带来钱款上的损失。如果设置了子账号，就可以给不同的人配备不同权限的子账号，从而尽可能避免给卖家带来损失。
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.2 员工子账号的设置
2）子账号的设置
进入淘宝网“卖家中心”页面，单击“店铺管理”中的【子账号管理】超链接，如图所示，进入子账号页面。
步骤1
单击“子账号管理”超链接
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.2 员工子账号的设置
打开后的子账号设置首页，如图3-82所示。在操作指引中可以看到，子账号的设置分为4步：① 设置部门结构；② 添加员工；③ 修改岗位权限；④ 设置旺旺分流。单击操作指引区域中的相应步骤即可进入相应设置环节。
步骤2
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.2 员工子账号的设置
（1）设置部门结构
通过高效、有序地规范化管理，可以使店铺的组织结构一目了然，还可以对各部门进行各种操作。除了在淘宝后台，部门结构还可以直接显示在旺旺工作台左侧“我的团队”中。部门结构设置完成后如图所示。
可以执行“新建子部门”“重命名”“移动到”删除等命令
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.2 员工子账号的设置
（2）添加员工
店主在店铺中录入员工信息，同时为员工创建专属子账号，一人一号可以做到随时掌控员工权限和操作记录。添加员工信息的设置流程如图所示。
① 选择员工岗位
⑥ 单击【确认新建】按钮
② 设置账户名及密码
③ 选择部门，也可以单击【新建】按钮新建部门
④ 输入手机号码
⑤ 选择“证书允许开启”数量
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.2 员工子账号的设置
（3）修改岗位权限
员工授权可以设定子账号对应的角色（如客服、售后等），再授以角色一定权限，有宝贝管理、交易管理、物流管理、店铺管理、营销中心、客户服务、旺旺买家版管理、淘宝助理、分销商分销管理、社交网络等。店铺通常授权客服来接单、授权仓库操作发货、授权运营做推广，通过设置不同岗位的权限，让每个员工都各司其职。如图所示。
单击【新建自定义岗位】按钮创建新的岗位
单击【查看】按钮可以查看岗位权限
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.2 员工子账号的设置
（4）设置旺旺分流
旺旺分流主要是把客服子账号分组为售前、售后，针对不同的买家分组接待，有效地提高客服效率。分组后的效果如图左所示。在子账号“分组设置”页面，单击分组右上角的按钮 ，可以对该组进行客服管理、设置分流、重命名、删除等操作，如右图所示。
单击此处可对该组进行相关操作
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.3 编辑悬浮旺旺模块的操作流程
步骤1
进入“店铺装修”页面，单击“悬浮旺旺”模块右上角的【编辑】按钮，如图所示。
单击“悬浮旺旺”模块右上角的【编辑】按钮
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.3 编辑悬浮旺旺模块的操作流程
步骤2
在打开的“店铺亮灯”页面中勾选要亮灯的分组，并调整显示顺序。然后填写工作时间，并勾选是否显示，接着填写联系方式，并勾选是否显示。最后单击【保存】按钮，如图所示。
① 勾选要亮灯的分组
② 填写工作时间
③ 填写联系方式
④ 单击【保存】按钮
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.3 编辑悬浮旺旺模块的操作流程
步骤3
设置完成后，悬浮旺旺在前台页面的展示效果如图所示。
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.4 编辑客服中心模块的操作流程
进入“店铺装修”页面，选中“客服中心”模块，并将其拖动至右侧页面的相应位置，如图所示。
步骤1
选中“客服中心”模块，并将其拖动至右侧页面的相应位置
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.4 编辑客服中心模块的操作流程
单击“客服中心”模块右上角的【编辑】按钮，如图所示。
步骤2
单击【编辑】按钮
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.4 编辑客服中心模块的操作流程
在弹出的“客服中心”设置对话框中单击【内容设置】选项卡，在其中填写工作时间，并勾选是否显示；然后勾选在线咨询：旺旺分组，并勾选是否显示；再填写联系方式，并勾选是否显示。最后单击【保存】按钮，如图所示。
步骤3
① 填写工作时间
② 勾选旺旺分组
③ 填写联系方式
单击【保存】按钮
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.4 编辑客服中心模块的操作流程
返回“客服中心”设置对话框，单击【显示设置】选项卡，其中可以选择是否显示标题栏，并且模块标题可编辑。设置完成后单击【保存】按钮，如图所示。
步骤4
单击【保存】按钮
3.4.4 客服中心及悬浮旺旺的制作
3.4.4.4 编辑客服中心模块的操作流程
设置好的“客服中心”模块在前台的显示效果，如图所示。
步骤5
3.4.5 特价区的制作
3.4.5.1 特价模块概述
淘宝特价模块是新旺铺预置的sdk模板（一种淘宝高级模板）中的一个特色模块，此模块只存在于预置的一套模板中，并非通用模块。此模块常用来特色展示宝贝的原价和折扣价。
3.4.5 特价区的制作
3.4.5.2 编辑特价模块的操作步骤
步骤1
首先进入“店铺装修”页面，单击“特价”模块右上角的【编辑】按钮，如图所示。
单击【编辑】按钮
3.4.5 特价区的制作
3.4.5.2 编辑特价模块的操作步骤
步骤2
在打开的“特价专区”对话框中，默认显示“宝贝设置”选项区，单击“左侧大图宝贝”相对应的【选择宝贝】按钮，如图所示。
单击“左侧大图宝贝”相对应的【选择宝贝】按钮
3.4.5 特价区的制作
3.4.5.2 编辑特价模块的操作步骤
步骤3
在打开的“宝贝选择”对话框中，单击宝贝相对应的【选择】按钮可以选择宝贝（只可选择1个宝贝），单击宝贝相对应的【取消选择】按钮可以取消宝贝的选择，最后单击右上角的【关闭】按钮即可，如图所示。
可以在这里选择宝贝的分类，以及使用关键字搜索、价格搜索缩小搜索的范围
最后单击【关闭】按钮关闭对话框
单击宝贝相对应的【取消选择】按钮
单击宝贝相对应的【选择】按钮
3.4.5 特价区的制作
3.4.5.2 编辑特价模块的操作步骤
步骤4
用同样的方式设置“右侧小图宝贝”。单击“特价专区”对话框中“右侧小图宝贝”相对应的【选择宝贝】按钮，如图所示。
单击“右侧小图宝贝”相对应的【选择宝贝】按钮
3.4.5 特价区的制作
3.4.5.2 编辑特价模块的操作步骤
步骤5
打开“宝贝选择”对话框，单击宝贝相对应的“选择”按钮可以选择宝贝（可选择6个宝贝）；单击宝贝相对应的【取消选择】按钮可以取消宝贝的选择，最后单击【关闭】按钮即可，如图所示。
最后单击“关闭”按钮关闭对话框
可以在这里选择宝贝的分类，以及使用关键字搜索、价格搜索缩小搜索的范围
单击宝贝相对应的【取消选择】按钮
单击宝贝相对应的【选择】按钮
3.4.5 特价区的制作
3.4.5.2 编辑特价模块的操作步骤
步骤6
为了把此模块填满，需要“左侧大图宝贝”1个宝贝，“右侧小图宝贝”6个宝贝，如图所示。
3.4.5 特价区的制作
3.4.5.2 编辑特价模块的操作步骤
步骤7
返回“特价专区”对话框，单击【显示设置】选项卡，可以在其中设置是否显示标题及标题的名称。设置完成后单击【确定】按钮，如图所示。
设置是否显示标题
设置标题名称
单击【确定】按钮
3.4.5 特价区的制作
3.4.5.2 编辑特价模块的操作步骤
步骤8
完成的特价区展示效果如图所示。
3.4.6 宝贝推荐模块的制作
3.4.6.1 宝贝推荐模块简介
宝贝推荐模块是店铺最重要的模块，是买家快速认知店铺宝贝和最能影响其购买决策的模块。新旺铺的宝贝推荐模块优化了宝贝展示尺寸，保留原30天销量数。宝贝推荐模块新增的折扣价、评价、评价数等功能，可以加速促成买家的购买行为。
宝贝推荐模块目前有3种规格尺寸，分别是：宽度950 px，宽度750 px，宽度190 px。
3.4.6 宝贝推荐模块的制作
3.4.6.2 编辑宝贝推荐模块的操作步骤
进入“店铺装修”页面，如果在右侧的淘宝页面中没有所需要的“宝贝推荐”模块，可以在左侧“模块”中选择所需要的“宝贝推荐”模块，并拖动到右侧合适的位置。然后单击模块右上角的【编辑】按钮，如图所示。
步骤1
单击【编辑】按钮
3.4.6 宝贝推荐模块的制作
3.4.6.2 编辑宝贝推荐模块的操作步骤
单击“宝贝推荐”模块编辑页面中的【宝贝设置】选项卡，在其中设置推荐方式、宝贝分类、宝贝数量等，最后单击【保存】按钮，如图所示。
步骤2
① 选择“自动推荐”，可以根据宝贝分类来进行快速展示
② 选择“手动推荐”，宝贝可以从属于不同的宝贝分类
③ 选择“宝贝推荐”模块的主要展示宝贝
④ 通过关键字和价格范围来缩小展示宝贝范围
⑥ 单击【保存】按钮
⑤ 可以在此选择或填写此宝贝展示模块展示的宝贝数量，最大展示数是28
3.4.6 宝贝推荐模块的制作
3.4.6.2 编辑宝贝推荐模块的操作步骤
单击“宝贝推荐”对话框中的【显示设置】选项卡，在其中设置参数。最后，单击【保存】按钮即可完成“宝贝推荐”模块的设置，在宽度为950 px的“宝贝推荐”里的设置如图所示。
步骤3
① 此处设置标题是否显示，以及输入标题
② 选择展示方式。从左往右，各展示方式的宝贝宽度为：310 px；230 px；180 px；130 px
③ 勾选是否显示折扣价、最近30天销售数据、累计评价数、评论
④ 设置自动推荐排序的依据
⑤ 单击【保存】按钮
3.4.6 宝贝推荐模块的制作
3.4.6.2 编辑宝贝推荐模块的操作步骤
在宽度为750 px的“宝贝推荐”模板里，所提供的宝贝展示方式如图所示。
步骤4
从左往右，各展示方式的宝贝宽度为：180 px；240 px；250 px
3.4.6 宝贝推荐模块的制作
3.4.6.2 编辑宝贝推荐模块的操作步骤
在宽度为190 px的“宝贝推荐”模板里，所提供的宝贝展示方式如图所示。
步骤5
此展示方式的宝贝宽度为：180 px
3.4.6 宝贝推荐模块的制作
3.4.6.2 编辑宝贝推荐模块的操作步骤
如果选择手工推荐，则选择更为自由，它可以糅合推荐各类目的不同宝贝。
在此推荐方式下，可以选择中意的任意宝贝。单击宝贝相对应的【推荐】按钮即可，手工推荐最大数也是28个，如图所示。设置完成后单击【保存】按钮。
步骤6
手工推荐不再局限于只显示一个宝贝分类下的宝贝，可以在此推荐方式下，选择中意的任意宝贝进行推荐
选择目标宝贝，单击【推荐】按钮即可
3.4.7 友情链接模块的添加和设置
3.4.7.1 友情链接模块简介
设置友情链接模块是增加店铺浏览率的好方法。目前淘宝对每家店铺提供最多35个友情链接位，由会员自己添加、更改。但是在实际的店铺设置中，友情链接并不是越多越好，一般不要超过20个，并且最好能够互相设置为友情链接店铺。
所设置的友情链接店铺最好是与自己店铺经营同种产品或者产品关联性高的网店，并且要尽量和浏览量高、信用良好的店铺进行友情链接，从而提升自己的店铺形象。
新版友情链接模块不仅可以添加文字链接还可添加图片链接，但是整个页面只允许出现一个友情链接模块。
目前友情链接只有两个尺寸：宽度190 px，宽度950 px。
3.4.7 友情链接模块的添加和设置
3.4.7.2 编辑友情链接模块的操作步骤
步骤1
进入“店铺装修”页面，拖动左侧“模块”区域中的“友情链接”模块到右侧合适位置，如图所示。
3.4.7 友情链接模块的添加和设置
3.4.7.2 编辑友情链接模块的操作步骤
步骤2
单击“友情链接”模块右上角的【编辑】按钮。在打开的“友情链接”编辑对话框中，显示友情链接的链接类型有两种：文字链接和图片链接。
步骤3
文字链接型友情链接的设置方法。
3.4.7 友情链接模块的添加和设置
3.4.7.2 编辑友情链接模块的操作步骤
（1）选中“链接类型”中的“文字”单选项，在下方的输入框中输入链接名称、地址及说明。单击右下角的【添加】按钮可以多添加1个友情链接，如图所示。
此处填写友情链接店铺名称即可
此处填写要链接到的地址
此处填写此友情链接的文字说明，表现为买家鼠标移到此链接图标时的浮层注释
单击【添加】按钮可多添加1个友情链接
3.4.7 友情链接模块的添加和设置
3.4.7.2 编辑友情链接模块的操作步骤
（2）对于多添加的一个友情链接的设置，同样在输入框中输入链接名称、地址及说明。单击【移动】按钮可以上移一层、下移一层、置顶或置底；单击【删除】按钮可以删除当前友情链接，如图所示。
单击【移动】按钮，可选择上移一层、下移一层、置顶或置底
单击【删除】按钮，可删除当前友情链接
3.4.7 友情链接模块的添加和设置
3.4.7.2 编辑友情链接模块的操作步骤
（3）单击【显示设置】选项卡，可以设置是否显示标题和编辑标题的名字，标题的名字最多15个汉字，30个字符，最后单击【保存】按钮完成设置，如图所示。
3.4.7 友情链接模块的添加和设置
3.4.7.2 编辑友情链接模块的操作步骤
（4）文字链接类型的“友情链接”模块设置完成后效果如图所示。
文字说明
3.4.7 友情链接模块的添加和设置
3.4.7.2 编辑友情链接模块的操作步骤
步骤4
（1）选中“链接类型”中的“图片”单选项，然后单击图片地址后的【插入图片空间图片】按钮插入图片，图片的尺寸仅支持180 px×30 px。在输入框中输入链接地址及说明。单击【添加】按钮可以多添加1个友情链接，如图所示。
单击此按钮插入图片
此处填写要链接到的地址
此处填写此友情链接的文字说明，表现为买家鼠标移到此链接图标时的浮层注释
单击【添加】按钮同样可添加1个友情链接
图片链接型友情链接的设置方法。
3.4.7 友情链接模块的添加和设置
3.4.7.2 编辑友情链接模块的操作步骤
（2）如果使用图片空间已有的图片，可直接从图片空间中选择；如果使用新图片，还需上传图片到图片空间中。
（3）对于多添加的一个友情链接，同样单击图片地址后的【插入图片空间图片】按钮插入图片，在输入框中链接输入地址及说明。单击【移动】按钮可以上移一层、下移一层、置顶或置底；单击【删除】按钮可以删除1个友情链接；单击【添加】按钮可以继续添加友情链接并编辑，如图所示。
3.4.7 友情链接模块的添加和设置
3.4.7.2 编辑友情链接模块的操作步骤
（4）单击“显示设置”选项卡，可以设置是否显示标题和编辑标题的名字，标题的名字最多15个汉字，30个字符，最后单击【保存】按钮完成设置，如图所示。
3.4.7 友情链接模块的添加和设置
3.4.7.2 编辑友情链接模块的操作步骤
（5）宽度为190 px的“友情链接”模块如左图所示，宽度为950 px的“友情链接”模块效果如右图所示。
文字说明
3.4.8 店铺装修的备份与还原
3.4.8.1 备份与还原功能概述
淘宝旺铺的“备份与还原”功能可以轻松地保存当前使用的模板，同时快速调取以往保存的模板。通过“备份与还原”功能可以实现几套模板间的切换。系统可以自动保存最近5次发布的模板，手动备份的模板都可以保存，备份的上限为20个。
3.4.8 店铺装修的备份与还原
3.4.8.2 旺铺备份与还原操作技巧
1）保存现有店铺装修状态
单击【备份】按钮
进入“店铺装修”页面，单击右上角的【备份】按钮，如图所示。
步骤1
3.4.8 店铺装修的备份与还原
3.4.8.2 旺铺备份与还原操作技巧
在打开的“备份与还原”对话框中单击【备份】选项卡，在“备份”选项区里设置该模板备份名和备注，以方便下次快速找到该备份。备份名最多可以输入10个汉字和字符，备注最多可以输入50个汉字和字符。单击【确定】按钮即可备份该模板，如图所示。
步骤2
标注模板的备份名和标注，以便下次快速找到该备份
单击【确定】按钮
3.4.8 店铺装修的备份与还原
3.4.8.2 旺铺备份与还原操作技巧
2）想要调取之前的备份
单击【备份】按钮
进入“店铺装修”页面，单击右上角的【备份】按钮，如图所示。
步骤1
3.4.8 店铺装修的备份与还原
3.4.8.2 旺铺备份与还原操作技巧
在“备份与还原”对话框中单击【还原】选项卡，如图所示。
步骤2
单击【还原】选项卡
3.4.8 店铺装修的备份与还原
3.4.8.2 旺铺备份与还原操作技巧
所有手动或自动备份都可以在“还原”选区项中找到。选择要还原的备份模板，单击【应用备份】按钮即可应用该备份模板；单击【删除备份】按钮即可删除该备份模板，如图所示。
步骤3
选择要还原的备份模板左侧的单选项
单击【应用备份】按钮即可应用该备份
单击【删除备份】按钮即可删除该备份
本章总结
店铺的店面布局以及装修是促成来客转化的重要工具，在社交网络发达的今天，有时候一个装修精美、获得消费者信任的店铺，即使不做推广，也能获得不错的流量。因此应重视店铺装修工作。
本章就以店铺装修操作为主，详细地介绍了店铺的基础信息设置、店铺的基本装修流程、店铺的风格管理以及店铺的基本布局设计。其中，页面装修是店铺装修的重点内容，为页面添加必要的模块，例如店铺店招、店铺导航条、图片轮播、客服中心、悬浮旺旺、特价区、宝贝推荐、友情链接等，为买家提供全方位的服务，促进店铺成交率的增长。
实训背景
实训 进行店铺装修并设置主要模块
眼睛是心灵的窗口，人们对世界的认知大部分来自眼睛的视觉信息。视觉就是一种无声的语言，值得经营淘宝网店的卖家好好运用。
一个好的淘宝店铺，它的店铺装修设计一定十分精美，无论是色彩还是图片搭配，会向顾客传达产品信息、服务信息和品牌理念。这样的店铺装修设计可以达到促进商品销售、树立品牌形象的目的。对买家而言，视觉营销吸引的是眼球，撩拨的是购物欲望。
实训 进行店铺装修并设置主要模块
实训目的
掌握店铺装修的方法。
掌握设置店铺重点模块的方法。
实训 进行店铺装修并设置主要模块
实训内容
（1）分析其他网店的店铺装修。登录淘宝网站，进入5到6个商品性质不同的店铺，对比分析这些店铺装修的特点，并总结这些网店主营商品与其店铺风格的联系。
（2）在第一章实训部分所新建的网店的基础上，根据第二章确定的商品类型策划网店装修的风格并设置基础信息。
（3）对店铺进行装修。为店铺选择模板、设置模板配色、设置店铺的背景，对店铺基础页面进行装修。进行页面装修时，选择合适的页面布局，制作店铺店招、导航条、图片轮播、客服中心、宝贝推荐、友情链接等模块。
（4）在有网上商城模拟系统的条件下，可在模拟系统上完成上述操作。
感谢您的观看指导
BUSINESS

展开更多......

收起↑