资源简介

(共30张PPT)
网店商品信息的发布
第4章
4.4
商品详情页设置
商品详情页是网上店铺里最容易与用户产生交集共鸣的页面，详情页的设计极有可能会对用户的购买行为产生直接的影响。因此，商品详情页面的设计不光是一个制作技术方面的问题，还涉及运营层面。
4.4.1 商品详情页概述
商品详情页就是展示某个商品详细情况的页面，由文字、图片或视频构成，向买家介绍宝贝属性、使用方法等，如图所示为淘宝网上网店里的商品详情页。对于网店来说，商品详情页最主要的作用就是完成订单，实现转化。
因此，一个好的详情页就是转化高的详情页。买家想知道关于产品的一切信息都能够在详情页里找到，好的详情页会让买家不用咨询客服，没有任何顾虑就下单完成转化。
商品基本信息模块
商品详情/评价详情/成交记录/专享服务模块
左侧栏
4.4.1 商品详情页概述
以淘宝网为例，其个人网店中的商品详情页主要由商品基本信息模块、商品详情/评价记录/成交记录/专享服务模块、左侧栏以及其他客户的浏览足迹和购买偏好等构成。
商品基本信息模块
成功发布商品后自动生成。
商品详情模块
需要卖家编辑内容，主要包括商品的基本信息，若干张图片展示、文字说明等其他附加信息。
4.4.1 商品详情页概述
评价记录模块、成交记录模块以及专享服务模块
由系统自动生成，不需要卖家进行装修设计，但卖家可以对这些内容进行管理，是决定商品成交量的重要因素。
左侧栏
由卖家信息、本店搜索、商品推荐、商品分类等常规模块构成，可由卖家进行装修设计。
4.4.2 商品详情模块的构成
在淘宝网上，商品详情页面的制作重点就是商品详情模块的制作，它可以有效地刺激客户的购买欲，提高商品的销售量。
为了设计出精美的商品详情模块，首先需要掌握商品详情模块的内容构成，下面对其进行介绍。
1）商品的基本信息展示
成功发布商品后，商品的基本信息即可自动生成，如图所示。
4.4.2 商品详情模块的构成
2）整体展示
整体展示包括商品的场景展示、摆拍展示等，如图所示。
4.4.2 商品详情模块的构成
3）细节展示
细节展示包括商品各部分的材质左1、图案左2、做工左3、功能左4等。
商品的材质展示效果
商品的图案展示效果
商品的做工展示效果
商品的功能展示效果
4.4.2 商品详情模块的构成
4）产品品牌介绍展示
产品品牌介绍的展示效果如图所示。
4.4.2 商品详情模块的构成
5）产品规格尺码展示
产品规格尺码的展示效果如图所示。
4.4.2 商品详情模块的构成
6）搭配推荐展示
搭配推荐的展示效果如图所示。
4.4.2 商品详情模块的构成
7）活动促销信息展示
活动促销信息的展示效果如图所示。
4.4.2 商品详情模块的构成
8）买家反馈信息展示
如果买家对商品的反馈好评如潮，也可将其进行展示，其展示效果如图所示。
4.4.2 商品详情模块的构成
9）包装展示
包装展示效果如图所示，一个好的包装还能体现店铺的实力，给卖家放心的购物体验。
4.4.2 商品详情模块的构成
10）购物须知展示
购物须知展示包括邮费如图左上、发货如图右上、退换货如图左下、洗涤保养如图右下、售后问题如图下等。
“邮费”展示效果
“发货”展示效果
“退换货”展示效果
“洗涤保养”展示效果
“售后问题”展示效果
4.4.2 商品详情模块的构成
11）商品延伸区块展示
商品延伸区块的展示内容包括其他关联商品、热销商品推荐等，如图所示。
4.4.3 商品详情模块的制作技巧
商品详情模块的制作主要包括制作商品详情文本和制作商品详情图片。
4.4.3.1 商品详情文本
商品详情文本包括纯文本和图片类文本。
1）纯文本
纯文本一般放在商品详情模块的开始或结尾部分，如突发性的活动公告、放假通知、退换货说明、快递说明等。纯文本一般插入到商品详情模板里，所有使用该商品详情模板的商品都显示同样的内容，如图所示。
4.4.3 商品详情模块的制作技巧
4.4.3.1 商品详情文本
2）图片类文本
在制作商品详情页的图片时，可以在图片上加入一些说明性的或广告类的文本，这些文本能够起到说明或者渲染气氛的作用。在制作这类文本时，一定要讲究语气和格式，并且注意排版和设计，千万不能给人以纯文本的感观，如图所示。
4.4.3 商品详情模块的制作技巧
4.4.3.2 商品详情图片
1）商品详情图片概述
在淘宝网上，由于商品详情页模板的宽度为750 px，所以商品详情页图片的宽度最大为750 px，但高度不限制，建议不超过25个屏幕的高度。商品详情页过长会导致浏览过程中出现电脑运行速度变慢、网速迟缓，甚至死机等情况，严重影响用户的购物体验，在一定程度上会对其购买欲望产生不利的影响，所以卖家要对页面进行合理设置。
4.4.3 商品详情模块的制作技巧
4.4.3.2 商品详情图片
商品详情中图片数量没有任何限制，图片格式为jpg，jpeg，png，gif。商品详情图片通常需要先上传到图片空间，然后在发布商品的过程中插入到商品描述里，如图所示。
单击这里，插入商品详情图片
4.4.3 商品详情模块的制作技巧
4.4.3.2 商品详情图片
2）商品详情图片的制作方法
（1）使用图形图像软件把所有商品详情制作为一个宽度为750 px的图片。主要目的是为了使各张图片在插入商品详情模块后具有完整性和完美性。
（2）使用分割工具，横向分割商品详情图片，生成宽度为750 px，高度不超过1 200 px的图片。主要目的是为了商品详情页的快速浏览和手机详情页的快速生成。
4.4.3 商品详情模块的制作技巧
4.4.3.3 商品详情模板的制作
1）商品详情模板概述
在淘宝网上，建议卖家在发布商品的时候都使用商品详情模板，相同类目的商品可以采用同一个商品详情模板，当卖家需要对商品详情页中有关店铺特色活动、推荐宝贝、临时通知等内容进行快捷修改时，只需要修改宝贝详情模板即可。
宝贝详情模板有两大块可以修改的区域：“侧边栏”位置；右侧的“自定义内容区”位置。在“侧边栏”可以插入、删除、编辑模块；在“自定义内容区”位置可以插入新的“自定义模块”和“旺铺关联”模块，如图所示。
可修改区域一：“侧边栏”位置
可修改区域二：“自定义内容区”位置
4.4.3 商品详情模块的制作技巧
4.4.3.3 商品详情模板的制作
装修宝贝详情模板时应该注意以下几点：
（1）详情页不支持设置页面背景；
（2）详情页左侧与内容区不能添加第三方模块；
（3）页面不能出现悬浮内容，不能有任何内容遮挡官方区域，违规者将予以封店处理；
（4）导航不能删除且高度不能低于30 px，导航加上店招的高度不能超过150 px。
4.4.3 商品详情模块的制作技巧
4.4.3.3 商品详情模板的制作
详情页不支持设置页面背景；
1
2
3
详情页左侧与内容区不能添加第三方模块；
页面不能出现悬浮内容，不能有任何内容遮挡官方区域，违规者将予以封店处理；
装修宝贝详情模板时应该注意以下几点：
4
导航不能删除且高度不能低于30 px，导航加上店招的高度不能超过150 px。
4.4.3 商品详情模块的制作技巧
4.4.3.3 商品详情模板的制作
2）宝贝详情模板制作流程
步骤1
进入淘宝“卖家中心”页面，单击【店铺装修】超链接，如图所示。
单击【店铺装修】超链接
4.4.3 商品详情模块的制作技巧
4.4.3.3 商品详情模板的制作
步骤2
进入“店铺装修”页面，单击“页面装修”下拉菜单里的【页面管理】按钮，如图所示。
单击【页面管理】按钮
4.4.3 商品详情模块的制作技巧
4.4.3.3 商品详情模板的制作
步骤3
在弹出的“页面管理”页面中单击【宝贝详情页】选项卡，如图所示，切换到“宝贝详情页”选项区。
单击【宝贝详情页】选项卡
4.4.3 商品详情模块的制作技巧
4.4.3.3 商品详情模板的制作
步骤4
单击【新建页面】按钮，新建宝贝详情页模板，如图所示。
单击【新建页面】按钮
4.4.3 商品详情模块的制作技巧
4.4.3.3 商品详情模板的制作
步骤5
在新建的页面中，于页面类型选择区选择【宝贝详情模板】单选项，在下方的页面名称方框内输入页面名称，然后单击【保存】按钮，如图所示。
选中【宝贝详情模板】单选项，并输入页面名称
单击【保存】按钮
至此，宝贝详情模板的制作就完成了，在商品发布的过程中就根据商品的品类选择相对应的宝贝详情模板。
感谢您的观看指导
BUSINESS

展开更多......

收起↑