每次逛电商平台，无论是一线的电商平，还是二线平台，总是充斥着眼花缭乱的促销活动。

促销活动从范围来看，可分为单品促销活动、多商品促销活动、店铺促销活动、平台促销活动，那么让我们来看看常见的促销活动有哪些，如下图所示：

你们在购物的时候，是否曾偷偷留意过，这些促销活动信息在前端页面是如何展示的。

本篇文章呢，将他们大致分为4个方面来介绍：

(1) 商品卡片：涉及展示的价格，活动标识icon，原价的展示等，如各种列表页；

(2) 商品详情页：商品详情中需要展示活动信息及活动页面元素、领券入口，特价商品标识等；

(3) 购物车：购物车中需要展示领券入口，满减入口即享受的满减折扣，单品活动价格等，尤其需要注意不参与满减活动的商品及单品活动，超出限购的数量的展示。

(4) 其他页面：比如活动专区，适用于多个商品的活动入口、领券入口等；还有订单确认页等。

1. 商品卡片

商品卡片通常布局在各种列表，展示活动价格、促销活动标签、优惠券标签等，让用户知晓商品的促销情况，吸引用户点进详情页并下单。

商品卡片是大家最常见的布局，比如店铺推荐列表页、搜索结果列表页、收藏列表页等等。

在搜索结果页上，带有促销标签的商品可能会搜索加权，优先展示在列表前面，同时也能和普通商品作区分。

左:店铺推荐列表页 / 右:搜索结果列表页

2. 商品详情

商品详情中展示的促销信息比较多样化，促销信息可以展示在商品主图下方或主图表面上等，大家可以根据自己的业务决定，没有唯一的标准。

左:京东详情页 / 右:天猫详情页

关于领券入口和促销优惠入口，大家看看上图再看看下图，展示位置可以选择在商品名称的上方或商品名称下方的下方。

展示在名称上方的时候，会按照一定的优先级分别展示优惠券标签、促销活动标签或返利信息标签等，往往展示的数量是有限的。展示在下方时候，优惠券或促销活动基本上都是一一枚举出来了。

这里发现领券/促销入口在京东商品详情页上一个有趣的现象：在IOS详情页和Android详情页上入口位置、展示方式不一样，有谁能解释一番嘛。

左:京东-IOS详情页 / 中:京东-Android详情页 / 右:苏宁易购详情页

不管是入口在哪里，点击后都会出现优惠浮层；优惠浮层大概展示两类数据：促销数据和优惠券数据；

促销数据就是上述所描述的促销工具标签数据，有些促销信息可点击，直达促销活动页面；优惠卷数据指商家或平台创建优惠券；

左:京东优惠浮层 / 右:淘宝优惠浮层

3. 购物车

购物车中需要展示领券入口、满减入口等促销信息，商品上也会展示促销标签，当然活动结束后，促销信息都会消失。

购物车促销商品和促销活动展示规则为根据促销类型进行分类，对应促销商品展示在分类下面。如下图每200减20活动，参加该活动的商品都会展示在下面。

左:京东购物车 / 右:淘宝购物车

在购物车选择商品或操作商品数量，购物车底部会自动计算促销优惠价格，可点击查看优惠明细，展示着促销类型优惠的金额。

左:京东优惠明细 / 右:淘宝优惠明细

4. 其他页面：活动专区、订单确认页

4.1 活动专区

活动专区：由多个活动组成的活动页，如：满减、单品促销、领券都可组合在一个页面上；如领券中心：展示优惠券数据；如：多个活动组成的入口等等；

4.2 订单确认页

订单确认页展示该笔订单促销后优惠金额和实际要支付的金额；

左:淘宝确认订单页 / 右:京东确认订单页

5. 总结

促销活动好处多多：激励用户初次购买，达到使用目的；激励用户再次购买，建立消费习惯；提高销量；清库存等等。

但是要实现这些目标，就要从细节上做好，那细节如何做好呢，希望本文能给你一些启发！

--END--

作者：道叁

来源：鸟哥笔记

原文地址：https://www.niaogebiji.com/article-93165-1.html

每次逛电商平台，无论是一线的电商平，还是二线平台，总是充斥着眼花缭乱的促销活动。

促销活动从范围来看，可分为单品促销活动、多商品促销活动、店铺促销活动、平台促销活动，那么让我们来看看常见的促销活动有哪些，如下图所示：

你们在购物的时候，是否曾偷偷留意过，这些促销活动信息在前端页面是如何展示的。

本篇文章呢，将他们大致分为4个方面来介绍：

(1) 商品卡片：涉及展示的价格，活动标识icon，原价的展示等，如各种列表页；

(2) 商品详情页：商品详情中需要展示活动信息及活动页面元素、领券入口，特价商品标识等；

(3) 购物车：购物车中需要展示领券入口，满减入口即享受的满减折扣，单品活动价格等，尤其需要注意不参与满减活动的商品及单品活动，超出限购的数量的展示。

(4) 其他页面：比如活动专区，适用于多个商品的活动入口、领券入口等；还有订单确认页等。

1. 商品卡片

商品卡片通常布局在各种列表，展示活动价格、促销活动标签、优惠券标签等，让用户知晓商品的促销情况，吸引用户点进详情页并下单。

商品卡片是大家最常见的布局，比如店铺推荐列表页、搜索结果列表页、收藏列表页等等。

在搜索结果页上，带有促销标签的商品可能会搜索加权，优先展示在列表前面，同时也能和普通商品作区分。

左:店铺推荐列表页 / 右:搜索结果列表页

2. 商品详情

商品详情中展示的促销信息比较多样化，促销信息可以展示在商品主图下方或主图表面上等，大家可以根据自己的业务决定，没有唯一的标准。

左:京东详情页 / 右:天猫详情页

关于领券入口和促销优惠入口，大家看看上图再看看下图，展示位置可以选择在商品名称的上方或商品名称下方的下方。

展示在名称上方的时候，会按照一定的优先级分别展示优惠券标签、促销活动标签或返利信息标签等，往往展示的数量是有限的。展示在下方时候，优惠券或促销活动基本上都是一一枚举出来了。

这里发现领券/促销入口在京东商品详情页上一个有趣的现象：在IOS详情页和Android详情页上入口位置、展示方式不一样，有谁能解释一番嘛。

左:京东-IOS详情页 / 中:京东-Android详情页 / 右:苏宁易购详情页

不管是入口在哪里，点击后都会出现优惠浮层；优惠浮层大概展示两类数据：促销数据和优惠券数据；

促销数据就是上述所描述的促销工具标签数据，有些促销信息可点击，直达促销活动页面；优惠卷数据指商家或平台创建优惠券；

左:京东优惠浮层 / 右:淘宝优惠浮层

3. 购物车

购物车中需要展示领券入口、满减入口等促销信息，商品上也会展示促销标签，当然活动结束后，促销信息都会消失。

购物车促销商品和促销活动展示规则为根据促销类型进行分类，对应促销商品展示在分类下面。如下图每200减20活动，参加该活动的商品都会展示在下面。

左:京东购物车 / 右:淘宝购物车

在购物车选择商品或操作商品数量，购物车底部会自动计算促销优惠价格，可点击查看优惠明细，展示着促销类型优惠的金额。

左:京东优惠明细 / 右:淘宝优惠明细

4. 其他页面：活动专区、订单确认页

4.1 活动专区

活动专区：由多个活动组成的活动页，如：满减、单品促销、领券都可组合在一个页面上；如领券中心：展示优惠券数据；如：多个活动组成的入口等等；

4.2 订单确认页

订单确认页展示该笔订单促销后优惠金额和实际要支付的金额；

左:淘宝确认订单页 / 右:京东确认订单页

5. 总结

促销活动好处多多：激励用户初次购买，达到使用目的；激励用户再次购买，建立消费习惯；提高销量；清库存等等。

但是要实现这些目标，就要从细节上做好，那细节如何做好呢，希望本文能给你一些启发！

--END--

作者：道叁

来源：鸟哥笔记

原文地址：https://www.niaogebiji.com/article-93165-1.html