03CMS系统

电商系统之CMS系统概况、概述、动态配置产品框架、基础组件、动态页面的整体设置、希望对大家有所帮助！

03CMS系统

• 概述
  • 内容管理系统(Content Management System)CMS系统局限定义用作页面动态配置的系统，首页设置、活动页配置、自定义新页面
  • 页面配置
    • 首页 搜索结果页 商品详情页
    • 店铺页 分类页 活动页
    • 图文类 商品类 营销活动类
• 动态配置产品框架
  • 页面动态配置就是用不同模块来配置活动页的过程
    • 选择模块组件
    • 放在合适的位置、填充内容
    • 组装成不同的动态页面
  • 组件
    • 组件是动态页面的基础，提供给用户编辑具体展示的信息
    • 基础组件的定义和解析是自定义页面的核心，不同组件有不同的功能，表示不同类型的内容
    • 组件类型
      • 子主题每个组件都需要单独设计，定义其规则和样式
      • 图片轮播就是简单的图片展示，上传对应尺寸的图片相应展示位置就行
      • 商品展示模块对应的算法规范较为复杂
        • 从分类中取商品
        • 对应的SPU
        • 动态数据
          • 排名
          • 推荐
    • 显示样式
      • 每种组件都可以有多个不同的样式
        • 选择展示的内容
        • 自定义
    • 跳转位置
      • 组件显示样式虽然多样，但点击后通往的页面选择库却是共同的
      • 商品详情
      • 商品列表
      • 店铺主页
      • 购物车
      • 在线客服
      • 积分商城
      • 购物券
      • 外链
      • 其他活动页
  • 位置＋内容
    • 位置可称为“楼层”确定了组件的位置再解析组件对应的内容
    • 最便捷的交互是拖动组件到相应的位置，设置内容之后实时预览，页面动态可视化
    • 每个页面的各楼层内容
      • 定义名称
      • 设置背景图片
      • 配置内容
    • 有了组件后，用户在设置或系统在解析时，首先要确定组件在自定义页面中的位置
    • 组件相当于—个有固定形式的容器，往里添加详细的内容，如图片 文本 商品 优惠券
  • 动态页面
    • 内容包括
      • 活动页面名称
      • 活动起止时间
      • 所属活动分组
      • 活动宣传图
      • 分享图片
      • 活动描述
      • ...
    • 活动页面解析
      • 由不同的组件内容构成
        • 按各组件位置去解析
        • 再解析组件内容
          • 样式
          • 图片/商品
          • 背景
          • 链接
          • ...
      • 按反向流程走，就能解析出对应的自定义页面内容
    • 首页/自定义页面设置相似，一般首页会单独设置
    • 组件间还有些通用的自定义要素 背景图片 背景颜色 组件之间的空隙距离
  • 除了丰富组件类型，还要考虑组合组件、设置内容的便利性，在交互、视觉化上进行优化,保证运营人员的操作便利性。如:通过设置组件内容后，立刻看到配置效果或手动预览等方法提高用户体验
• 基础组件
  • 组件介绍
    • “从哪里来，懂啊哪里去”的问题——即关于“内容”是什么，以及点击之后链接到哪里
    • 常见的有图片轮播、商品推荐、商品分类、宝贝排行、图标(ICON)这几种形式，另外还有富文本、客服、优志券、满减活动、满赠活动、自定义区域、商品搜索．文字.公告、倒计时、Tab组件（顶部、底部）等，丰富的自定义组件可以实现各式各样的活动页面。
  • 图片组件
    • 最基本的样式
      • 单图 多图 轮播图
    • 每种样式的图片在系统中都对应规定不同的尺寸，上传图片需要按照要求的尺寸上传
    • 跳往结果页，主要有
      • 自定义连接
        • 直接设置链接，方便快捷
      • 自定义活动页
        • 从自定义活动页列表中选择
      • 商品分类
        • 跳转至某个商品分类的商品列表中
      • 店铺
        • 店铺列表中查询选择需要跳转的店铺
      • 商品详情页
        • 从商品中查询选择跳转的商品详情页
      • 优惠券
        • 从优惠券中选择需要跳转的店铺，或直接设置优惠券编号
      • 购物车
        • 跳转至用户购物车
      • 会员中心
        • 跳转至会员中心
  • 文本&商品
    • 文本模块
      • 在自定义页面中直接插入文本
      • 主要形式有
        • 标题
        • 普通文本
        • 也可以设置跳转
    • 商品
      • 类型
        • 单列商品 双列商品 多列商品
      • 在设置时，先选择对应的商品组件形式，再选择商品(商品编码)进行配置
      • 商品的主图、名称、价格等内容都是系统直接从商品资料中取出来，不需要重复设置
      • 促销活动商品批量选择 eg:如要做一个满200减30的活动
        • 1、在促销系统中定义相应的规则
        • 2、在CMS中建一个活动页面
        • 3、将参与活动的商品直接在这个页面中直接展示或部分展示
        • 4、选择商品的过程就可以用到批量展示
  • 商品排行榜&优惠券
    • 商品排行榜
      • 商品排行榜是一个动态榜单，在运营中对促进商品销售很有用。
      • 榜单两种显示样式，系统会提供各种类型的榜单
        • 全品类销售榜单
        • 类目商品榜单
        • 收藏量榜单
        • 店铺榜单
      • 系统直接从排行榜中拉取动态数据在前台显示,并且定时更新
    • 优惠券
      • 优惠券可通过图片显示，链接至优惠券页面
      • 系统也可以提供优惠券的样式，直接插入
      • 在设置时，从优惠券列表中选择或者输入优惠券编码
      • 点击直接领取优惠券，再次点击直接进入商品聚合页
  • 导航栏
    • 在切换导航栏时，页面内容发生变化。导航栏分为两种
      • 中间导航栏可设置在滑动时，导航栏悬浮在顶部
        • 定位锚点
          • 同—页内容切换，定位到不同位置
          • 点击Tab时，页面跳转至对应的锚点位置
        • 切换按钮 切换页面
      • 顶部/底部导航栏
        • 直接跳转至其他活动页面
  • HTML代码
    • 在系统提供的组件不够丰富，无法满足运营需求时
    • 需要实现一些动态效果时
    • 在系统解析时，把HTML代码当作活动页组件的—部分进行解析
• 动态页面的整体设置
  • 整体设置
    • 在电商前端体系中，涉及到动态页面设置的主要是首页、自定义活动页面
      • 不同渠道活动页面可单独配置渠道包括
        • PC
          • APP
            • H5
      • 对每个活动页面进行记录管理，定时生效
      • 聚类分组，管理大量活动时就更加有序
    • 活动页面整体信息
      • 活动名称
      • 活动编码(系统生成)
      • 开始时间
      • 结束时间
      • 创建者
      • 状态
        • 上线
        • 下线
      • 页面地址（系统生成)
    • 页面内容设置
      • 把页面当作—张画布，利用系统提供的组件往页面中添加内容
      • 系统记录下各组件之间的相对位置，在解析页面时按顺序解析组件
      • 在组件的基础上，进行合理搭配，不同尺寸的页面进行不同的整体布局，突出活动主题
  • 配置模块
    • 在许多较大的电商平台中，都会提供丰富的装修模版市场
    • 卖家可以在装修市场中选择合理的模版，套用在自己的店铺中
    • “装修”模版很好地解决了一些运营人员对于店铺风格的设计、配色把握以及整体布局的不专业性
    • 在丰富的模版市场中可以找到适合当前店铺的装修风格，而且能够借鉴前人的运营经验
    • 装修模版可以减少在新建活动时，从0到1逐步配置的巨大工作量。直接套用模版中的内容，进行替换、新增部分内容，可以快速新建活动
    • 提供自定义页面的复制功能，从已有自定义页面中复制出新页面
    • 由于同一家公司的运营风格在短时间内不会发生太大变化，每次活动页的形式其实差不多，提供这个功能，可以减少运营的工作量，运营人员只要在旧页面上替换相应的内容就可以二次使用。