第一部分：宣传海报图。

通常详情页的第一部分为宣传海报图，详情页中的海报能够重申活动内容。

很多客户进到我们的店铺之后，是不会直接进入首页看是否店铺存在活动的，因此需要我们将每个页面的详情页中设置好活动海报，这样每个客户在进入到我们的详情页中，就可以很直观的了解到近期的活动内容。如果活动较多，则放置活动力度最大，活动规模最大的海报即可。通常我们店铺在设计的时候，会在店铺首页和详情页中放置相同的活动海报，以达到活动曝光最大化的效果。

活动海报的高度不限，但在制作中为了美观大方，我们通常将这个海报设置与店铺首页的海报长宽比设置相同。已达到整体统一的效果。

第二部分：关联销售位置。

设置关联销售是为了让我们给客户提供更多的产品选择，关联销售的产品一定要和我们详情页的这款产品本身具有关联性。

如我们这款产品是一件连衣裙，那么关联销售就要推荐与连衣裙相关的内容，可以推荐同类型不同款式的连衣裙。这样可以给客户提供更多的选择，减少跳失率的同时，还可以获得消费者同时买好几件的几率，达到提高销量和客单价的作用，一举多得。

与此同时关联销售和活动海报图已经占据了我们详情页的开端，为了避免客户在还没看到产品就看到了很多其他广告下对于产品的兴趣降低。这两部分内容我们尽量控制在一到两屏之内。让我们的“正主”产品本身的详情页有更多的空间和位置去展示。

第三部分：产品创意海报。

这部分内容主旨是抓住客户的眼球，让我们的产品通过精致的海报形式完全展现在客户面前。通常这部分海报图为产品全图。也就是说产品的形态以及产品的亮点可在这部分内容中展示出来。食品的可以展示为外包装图加上食品的细节图结合。这里需要我们在拍摄的时候提前想到，对于产品充分的构图，否则在有这部分内容需要的时候，缺少素材就不好了。

服装类的产品创意海报可以设计成为实景拍摄图加创意文字等，创意海报的部分我们使用到的图片通常为场景图片。避免直接使用白底图片，因为场景图相比白底图片拥有了很多附加值。

例如早餐产品，可以将场景图拍摄成为一个温暖的上午，阳光从窗户斜射到美食上，温馨的小屋再配以美味的早餐，让人第一时间体会到那种舒适惬意感。视觉感官会让客户脑海中不断脑补自己在家中吃早餐的场景。整体画面就自然而然的把客户带入到了遐想当中。这样的切身体会的遐想，让人即使在没有见到产品的时候，都能够很自然的去通过脑补联想产品的特点和用处。可以大大减少我们对于产品的卖点介绍。比较白底图片来说画面表达更丰富。

产品创意海报同时也是整体展示图片。在详情页制作中，需要我们花更多的心思来完善它。

第四部分：卖点、痛点。

小编在文章开头的时候，就给大家介绍了产品详情页的最核心展示内容，这里第四部分咱们就要展示这一部分内容了。通过第三部分产品整体展示的带入。我们进入到了卖点和痛点的环节。这一环节需要我们提前做好产品分析，了解自身产品的卖点和痛点都有哪些。在第四部分中我们可以展示产品的多个卖点或者能为客户解决的多个痛点。可通过逐条分析的方痛点，法展示出来。痛点可以通过整体总结出产品痛点，然后逐条分析展示的方法来完成。

这里需要我们提前拍摄好产品的卖点细节图，以及产品的痛点应用图等。展示产品卖点和痛点的内容可以分成几屏展示，篇幅可以比之前的海报图等稍微长一些。

第五部分：产品信息,规格尺寸等。

产品的规格尺寸是必须要设置的内容，相比较其他内容而言，它的功能性最强，主要是用来让客户充分了解产品的成分、重量、材质含量、服装的话需要具备身高体重适合的服装尺寸类型。这部分内容是每个详情页都得设计的。通常以文字和表格的形式展现出来。也有些卖家会把产品信息提前放入到产品的创意海报下。具体的位置布局可以根据我们自己的设计额店铺的需要而定。

第六部分：对比图。

有很多店铺会给产品详情页中做一组对比图。有新老款产品对比的，也有和竞争对手对比的。目的在于进一步突出产品与其他产品的不同优势。对比图可以不需要实拍，可以直接从网络中搜索一些相关素材进行制作，已达到对比的作用。

第七部分：包装展示图。

包装展示图可以为白底图片，主要是展示产品的所有包装。甚至是产品的打包包装等，让客户能够对自己收到的货物提前有个预期。不至于产品发到客户手中客户都不知道自己买的是什么，制作的细致的话，可以把包装的尺寸大小标注出来，清晰明了即可。

第八部分：品牌介绍、品牌资质、厂家实拍图等。

（此图来自淘宝网，仅供参考）

如果是大品牌的产品或者是原厂生产的产品，为了进一步增加产品的可信度。让客户放心我们产品的质量，在第八部分可以加入产品的品牌介绍，产品的品牌资质实拍图或是厂家产品生产实拍图等。如图中的热水袋品牌质检报告展示。这一部分内容的篇幅不易过长，毕竟我们还需要考虑到产品详情页的图片加载问题。

第九部分：物流信息，购物须知，七天无理由退换货等。

这一部分内容主要展示物流内容，发的什么快递，预计几天到达，那些地方不包邮，需要补充的邮费价格，以及产品退换货流程等。主要是让客户提前了解到购物时候可能产生的问题以及解决方法，避免因为物流慢产生大量差评。七天无理由退换货则可以让客户在购买时更加放心。

以上为详情页中应该具备的内容，我们可以根据自己的店铺需求来完成详情页的布置，为了避免页面篇幅过长导致加载困难，我们可以从以上九部分中摘选出最适合我们店铺的内容进行设计。详情页直接影响我们店铺的转化，详情页的内容也需要经过精心的撰写。让我们一起随时随地学习店铺的经营之道吧。

一、上半部分阐述商品价值

①创意海报情景大图，利用创意海报瞬间传递商品以及店铺信息，用最短的时间使买家产生继续浏览的欲望，因此在设计该部分时可以尽情展现商品的特色。

②商品卖点优势总结，一个商品的卖点有很多，如果零散的分布，买家很难自己总结出商品的优势，因此在阐述卖点之前应该对所有卖点进行一个大的总结，告诉买家这个商品的卖点都在哪里，都有哪些。

③阐述商品卖点功能，根据商品卖点优势总结进行逐一的展示，其中1~6个卖点在对应的模块中展示，这里所要展现的就是商品的特色，塑造商品专业性，向买家传达产品能够带来卓越功效等。此类信息提升买家的购买欲望。

④商品的基本参数，这里要写的其实就很简单了，它指的是可视化的商品说明书。

⑤商品全方位展示，以多个角度展示商品面貌，目的就是拉近与买家的距离，让买家了解这款商品是否适合自己。

⑥商品细节展示，要清晰、富有质感，并且附加具体细节的相关文案介绍，方便买家更好地了解商品的材质和构造。

二、下半部分培养买家的消费信任感。

①同行商品优劣对比。通过对比强化自己的商品卖点，不断向买家阐述商品的优势。

②商品包装展示。通过商品包装可以展现店铺的品牌实力和商品的专业性，好的产品包装可以贏得买家的信赖，让买家觉得这个产品的性价比很高。

③店铺或商品资历证书。这里体现的是品牌的实力，引导买家关注商品的专业品质，并让买家对商品产生信任感，从而接纳商品。

④店面或工厂展示。通过店面或者工厂的图片展示，可以烘托出品牌和店铺的实力，增强买家对品牌的认知和信任感。

⑤商品售后说明。可以解决买家已知和未知的各种问题，好的商品售后说明模块不但可以减轻客服的工作压力，也可以增加静默转化率，从而做到把复杂的问题留给自己，把简单的答案留给买家。

同的电商发展时期，所表现的商品详情页不一样。从商品详情页设计、排版、规划、表达等内容都不一样。

2003-2008年:价格电商阶段，各种类目商品的详情页，无非粗略的产品拍摄和设计，这时候的电商是价格电商时代，平台不对商品详情页做很对的规定和引导，商家上传的产品详情页也无非是粗略的排版和设计。

2008-2012年:视觉电商阶段，这一时期的商品详情页，各类商家非常重视店铺和商品视觉的设计和打造，所以这个时期的产品详情页，是很视觉效果专业化的。

2010-2016年:移动电商阶段，这一时期的商品详情页注重的视觉电商电商的特征意外，更加的注重手机端的视觉包装，注重详情页的短而精，精而小的特点。所以商家需要非常注重移动或手机端商品详情页的设计和包装。

这时期还有一个鲜明的特点，那就是注重详情页数据指标的量化和分析。不再是依据设计部门或者说美工部门对详情页的主管因素去评判，而是根据详情页的各种数据进行量化和评判。这一时期的详情页的美与好或者说到底好不好、行不行等问题，需要借助商品详情页的数据来进行分析和优化。

2016年-2020年:内容电商时期，这一时期的商品详情页特点，加入了视频、直播等电商新业态的趋势特点。对商家在商品详情页设计包装更加了提升了高度。

所以不同电商时期，商品详情页的关注度不同，视觉包装方法、方式及内容不同。

但是不管是价格电商时期还是今天的内容电商发展时期，商家对商品详情页的包装、设计、排版和数据量化都提出了更高的要求，同时更加趋向消费者的感受。

电商千人千面技术的出现，不管是对单个店铺还是单个商品详情页都对运营和设计部门提出了更高要求，对受众群体也更加紧准、对优化商品详情页也更加的精确。

不同的客户群体可以看到不同的店铺页面，不同的客户标签可以看到不同的页面，这也是这个电商时期的商品或店铺的视觉打造特点。

01.促销活动(有时没有，一般会选择放在详情前面的关联部分)

02.海报(买点可视化)

03.基础信息

04.痛点(制造焦虑)

05.同行对比(我的产品最好)

06.信任背书(比如公司规模/证书/专利等等)

07.产品/细节展示

08.使用方法

09.售后信息

详情页尺寸淘宝：宽750px*高度不限天猫：宽790px*高度不限阿里巴巴：宽750px*高度不限京东：宽990px*高度不限一号店：宽750px*高度不限唯品会：宽990px*高度不限蘑菇街：宽720x*高度不限

建议：总长度总高度最好不超过两万像素，单张切片高度不超过1500像素。如果一家公司天猫和淘宝都有店铺，应该先做天猫的，最后把790PX图片同比例缩小到750PX，平时我以PC最小字体像素不能小于14PX，移动端在最小20PX进行设计。

情景海报大图

店铺活动

关联产品

产品点/特性

产品卖点/作用/功能

产品给消费者带来的好处

买家好评如潮

规格参数/信息

同行产品优势/劣势对比

产品全方位展示

产品细节展示

产品包装展示

店铺产品自理证书

品牌店面/生产车间展示

售后保障问题/物流