玩过乐高积木的都知道，运用积木可以拼装成不同的模型。运用同样的积木材料，有人可以搭建出房屋，有人可以搭建出埃菲尔铁塔。具化来看，我们可以把页面的动态配置比作乐高模型的拼装过程，每一个模块组件就像一块乐高积木，如同拼装乐高模型一样，页面的动态配置就是将模块组件组合在一起、填充内容，最后组装成不同的动态页面。
如图5-4所示，笔者将页面的动态配置分为3步：从组件到位置和内容，再到动态页面。具体来讲，首先要选择组件，然后放在合适的位置、填充内容，最后把这些组件按照排列组合起来就组装成了动态页面。
图5-4 页面动态配置
【基础组件】
组件是动态页面的基础，提供给用户编辑具体展示的信息。组件有许多类型：图片轮播、ICON、优惠券等。每种组件都可以有多个不同的样式，可以选择展示的内容或者自定义。
基础组件的定义和解析是自定义页面的核心，不同的组件有不同的功能，表示不同类型的内容。每个组件都需要单独设计，定义其规则和样式。例如图片轮播就是简单的图片展示，上传对应尺寸的图片相应展示就行。商品展示模块对应的算法规范就较为复杂，可以从分类中取商品，或对应的SPU，或动态数据（排名、推荐）等。
除了组件的展示效果，还有点击组件跳转的位置，一般通过设置链接或根据组件内容（如商品）自动跳转。组件显示样式虽然多样，但是点击之后通往的页面选择库却是共通的，例如其他活动页、商品详情、商品聚合页、店铺主页、购物车、在线客服、积分商城、购物券、外链等。
【位置＋内容】
有了组件之后，用户在设置或者系统在解析的时候，首先要确定组件在自定义页面中的位置。位置可以称为“楼层”。确定了组件的位置再解析组件对应的内容。组件相当于一个有固定形态的容器，往里添加详细的图片、文本、商品、优惠券等内容。
每个页面的各楼层可以定义名称、设置背景、配置内容，目前最主流的交互是拖动组件到相应的位置，设置内容之后实时预览，自定义页面动态可视化。
【动态页面】
对于整个动态页面，需要定义一些关于整个页面的基础信息，包括活动页面名称、活动起止时间、所属活动分组等内容，甚至是活动宣传图，分享图片、活动描述等内容。设置之后给活动进行编号，生成相应的链接进行预览。
动态页面是由不同的组件内容构成，首先按照各组件位置去解析，然后再去解析组件的内容（样式、图片或商品、背景、链接等）。按照图5-4所示的反向流程走，就能解析出对应的自定义页面内容。
首页设置也是相同，类似自定义页面，可动态设置首页内容，动态添加自定义组件。目前绝大部分电商首页都是动态配置，有着丰富的自定义内容。
在组件之间还有些通用的自定义要素，比如背景颜色、背景图片、组件之间的空隙距离等。
要做好CMS系统的产品设计，除了丰富组件类型，还应考虑到组合组件、设置内容的便利性，在交互、可视化上进行优化，保证运营人员的操作便利性。如大家常见的淘宝旺铺装修、京东的活动装修、有赞微页面，采用的很直观的交互方式（拖拽、下拉添加），配置过程能立刻看见配置效果。这种CMS系统的技术要求、开发成本较高，大部分公司是做不到这种程度的。但是从产品的角度出发，最大限度地考虑用户的便捷性，可以通过在设置组件内容后，手动预览等方法来提高用户体验。
配置组件有许多种，常见的有图片轮播、商品推荐、商品分类、宝贝排行、图标（ICON）这几种形式，另外还有富文本、客服、优惠券、满减活动、满赠活动、自定义区域、商品搜索、文字、公告、倒计时、Tab组件（顶部、底部）等，丰富的自定义组件可以实现各式各样的活动页面，前面举例的京东、淘宝、天猫活动页都是通过CMS配置实现。