在CMS系统中，设置自定义活动页面的常用组件主要有图片、文本、商品、商品排行榜、优惠券、导航栏、HTML代码等方式，由于目前移动端的使用比例较高，下面以移动端为例，针对各组件详细讲讲其样式和使用方法。这是一个“从哪里来，到哪里去”的问题——换言之就是关于“内容”是什么，以及点击之后链接到哪里。
【图片】
在电商网站首页或活动页面中，图片是使用最广泛的基础组件——没有之一。平常我们在APP看到的各种炫酷的页面，基本都是设计师做好对应尺寸的图片，由运营人员上传到系统中组成的。
如图5-5所示的是图片组件中几个最基本的样式：单图、双图、轮播图，以及多图。每种样式的图片在系统中都对应规定不同的尺寸，上传图片需要按照要求的尺寸上传。
图5-5 图片组件的几个最基本样式
设置完图片，那么点击图片链接到哪里？注意，对任何组件元素来说，链接到哪里去都是通用的，所以后面的组件不重复赘述。
跳往结果页主要有自定义链接、自定义活动页、商品分类、店铺、商品详情页、优惠券、购物车、会员中心等。
（1）自定义链接：直接设置链接，方便快捷。加 入 会 员 微 信
（2）自定义活动页：从自定义活动页列表中选择。
（3）商品分类：跳转至某个商品分类的商品列表中。
（4）店铺：从店铺列表中查询选择需要跳转的店铺。
（5）商品详情页：从商品中查询选择跳转的商品详情页。
（6）优惠券：从优惠券中选择需要跳转的店铺，或直接设置优惠券编号。
（7）购物车：跳转至用户的购物车。
（8）会员中心：跳转至会员中心。
【文本模块】
在自定义页面中直接插入文本，这种目前很少用，只有在增加提醒时会添加。主要的形式有标题、普通文本等，也可以设置跳转。
【商品】
商品也是很常见的组件，有纯粹的商品显示，还有直接在活动页加入购物车。如图5-6所示的几种常用的样式：单列商品、双列商品、多商品等。注意，商品的展示形式有很多种，不局限于该图中列举的形式。
图5-6 商品组件的常见样式
在设置时，先选择对应的商品组件样式，再选择商品进行配置。商品的主图、名称、价格等内容都是系统直接从商品资料中取出来，不需要重复设置。
【商品排行榜】
商品排行榜是一个动态榜单，在运营中对促进商品销售很有用。
如图5-7所示的是榜单显示的两种样式，系统提供各种榜单选择，如全品类销售榜单、类目商品榜单、收藏量榜单等。运营人员在设置时只需要选择商品的显示样式和榜单类型就可以。系统直接从排行榜中拉取动态数据在前台显示。
图5-7 商品排行榜组件的两种样式
【优惠券】
优惠券可通过图片显示，链接至优惠券页面。系统也可以提供优惠券的样式，如图5-8所示，直接插入。在设置时，从优惠券列表中选择或者输入优惠券编码。在活动页可直接领取优惠券。
图5-8 优惠券组件的样式
【导航栏】
导航栏的功能比较复杂，如图5-9所示。导航栏分为两种，一种是中间导航栏，一种是顶部或底部导航栏。在切换导航栏时，页面内容发生变化。
图5-9 导航栏组件分为两种
如图5-10所示，“自营服饰”、“型格男装”、“内衣配饰”、“潮流鞋靴”这一栏属于中部导航栏，通过从当前活动页内容中选取每一个导航Tab的定位锚点，当点击Tab时，页面跳转至对应的锚点位置。可设置在滑动时，导航栏悬浮在顶部。
如图5-10所示的“主会场”、“全部会场”、“必买清单”、“我的618”属于底部导航栏，还有经常见到的顶部导航栏。这些导航的链接都属于活动页之间的跳转，当点击其中的某个Tab时，会跳转至另一个活动页面。
图5-10 自定义活动页面
【HTML代码】
在系统提供的组件不够丰富，无法达到运营的需求时，或者需要实现一些动态的效果时，就需要在活动页中嵌入Html代码（CSS样式）。在系统解析时，把Html代码当作活动页组件的一部分进行解析。
总之，丰富的基础组件是支持运营活动的基础，很多平台除了提供一些基础组件供用户编辑，还会适当开放组件功能，一些有开发能力的平台使用者可在固定框架内开发丰富的组件样式，以满足运营的需求。此外，还可以把基础组件放在装修市场，供其他用户使用。