编辑导语:现在电子商务发展很快，随着电子商务的发展，衍生出一些购物节。这时候电商平台会推送一些线上活动，活动页面丰富；本文是作者对主动动态页面配置的思考。让我们来看看。
是活动电商行业最常见的操作手段之一，会借助各种节日不断推出促销活动；比如，从1元的元旦到12元的圣诞节，将用户对节日仪式的关注从线下转移到线上，通过各种激励措施促进用户下单，提高下单率。
我们来思考一下活动页面是如何呈现给用户的。
首先，场景
事件A发布后不久，运营商想去。当产品找H5要新活动时，H5不耐烦地抱怨“侏罗纪世界3和4վ֮ս的每个活动都是半个月更新一次，每个活动1元开发半天，重复的工作会让代码越积越多……”
注意:H5是H5的工程师，因为所有的活动页面都是由H5页面组成的。
从上面的场景可以看出，目前运营更新活动的解决方案只能由H5完成，活动更新频繁，需要开发时间。
二、问题分析
先分析问题，再提出具体的解决方案。
1元。问题的根源
商品推广活动，实际强调的是商品，可以在CMS中操作选择需要的商品，那么为什么需要H5来支持一些工作呢？
因为不同促销呈现的页面风格不一致；比如开学季，呈现风格会偏向校园风格，中秋就是不同风格。H5所做的是改变活动页面元素。
所以问题是运营不能自己定制活动风格，只能管理商品。
冠军联赛。解决办法
从问题中找到的解决方案:CMS系统增加了动态配置活动页面的功能。
1元)功能介绍
动态页面配置过程是运营商在CMS中添加活动页面，并在关联活动门户之前配置相关内容。
在“新建活动”页面中，您可以配置新的活动页面。可以配置活动页面的背景色、banner、活动规则、产品风格、文字导航、优惠券等内容。可以自定义内容，比如标题，可以选择文字或者上传图片来展示。
为什么要支持自定义编辑？
为了提高页面配置的灵活性，可以根据活动需求随时调整操作；与商品中的购物车相比，无论是用文字按钮还是图标吸引用户点击，商品促销的标签都是“热卖”或“特价”，在不同内容的各个领域可以有不同的调整，更能烘托活动氛围；运营可以在活动页面随时预览活动效果，确认没有问题后发布；最后，添加一个新的转盘来关联活动页面，并提供一个活动门户供用户参与活动。
配置过程中可能会出现意外退出，要考虑自动保存功能；如果新增的活动页面自动生成一条记录，可以让操作活动列表继续上次的内容编辑；因为活动需要配置更多的内容，如果没有自动保存功能，需要重新操作。
活动页面的相关内容是否可以在活动时间内随时调整取决于具体的业务，在调整内容时需要考虑到前端的交互过程；比如商品价格调整，要考虑几个场景，比如添加到购物车、添加到购物车、下单、唤醒支付界面的节点是否需要更新价格；通常不建议修改活动中的信息，避免用户投诉等问题。当活动出现问题时，建议将活动下架，调整后重新上架。
同样，活动时间过后，活动入口和活动页面也要隐藏，用户无论如何也无法访问活动页面。避免与业务和其他问题的冲突。
实际上，动态页面配置的功能支持运营商在CMS系统中灵活配置前端活动页面，无需开发调整代码发布版本，降低了开发成本，提高了开发者的性价比。方便运营人员随时调整活动需求，无需在等待资源时搁置活动。
通过模板化的方式呈现内容，不仅可以高效的比较不同运营方案的结果，还可以让活动如期上线。
对于开发来说，也可以减少重复性的工作。毕竟过多的重复页面会导致前端加载越来越慢，也会增加应用的存储/Kim Hye Yoon/K0/曹政奭，后期代码维护困难。在需求过程中，我们不仅关心能否实现，还关心如何实现。我们不应该因为业务问题而让开发降低代码质量和应用程序性能。开发者应该把更多的时间投入到产品的日常迭代和bug修复上，思考如何提高代码质量和应用性能。
第三，功能设计
1元。活动页面的分解
从拼多多截取的活动页面。每个活动页面的风格和内容都不一样。该页面包括以下内容:
搜索框；横幅图；搜索词；优惠券；商品；文本导航；广告位；这些内容经常在活动中看到，这些会根据具体活动以不同的组合放在同一个页面上；活动页面由组件、活动内容和活动信息组成。
如图所示:
简单来说:我们把不同的组件放在相应的位置，然后在组件中设置具体的内容，最后形成相应的自定义页面内容。
接下来，我们来说说活动的组成、活动和基本信息。
1元)组件
组件定义的标准是业务，需求是能够承担某种业务能力的最小复合单元。
将不同的内容分成相应的组件。操作员根据活动内容在CMS中配置相关组件；所以需要提前定义好每个组件的内容，并写入代码。不同的内容代表不同的功能；组件是动态页面的基础。内容和相关逻辑由产品定义，由代码实现，最终操作可以根据显示的内容进行定制和编辑。它是动态页面的基础和关键。
常见的组件有:搜索栏、商品、导航、图像广告、标题、文本、优惠券、图像轮播等。组件通常根据它们的功能目的来命名。
在设计UI的时候，我们要定义每个组件的风格，以及每个组件之间的间隔。比如每个组件的宽度、字体大小、图标大小、上下间距等。
比如1元:
以标题为例，它是商品模块的顶标题，因为活动页面上会显示很多商品；这些商品会按照品类或者功能进行分类，而标题则是对这些商品进行总结，明确告诉用户这个模块的商品属于什么。
从上面两张图可以知道，标题组件在CMS字段:上传图片。
为什么只支持图片？
因为它可以在/金惠允/K0/曹政奭有限的空间里去天马/金惠允/K0/曹政奭，设计出更符合活动效果的字体风格；图片限PNG格式，否则容易和背景色相冲突。如果在CMS中配置为纯文本，那么就要考虑很多东西，比如字体大小、样式、间距、颜色等。
这些元素我们无法预测，如果使用默认的样式，可能不符合运营需求，所以上传图片是解决运营需求的有效途径；只需要一张png图片，不需要在CMS中配置文本相关的样式。上传时注意图片的大小和格式，以免拉伸或挤压上传的图片。
例如，逃生室:冠军联赛:
逃生室:冠军联赛)活动内容区
内容区产品、标题、优惠券、平面广告等。用户在APP活动页面看到的，可以定义为CMS系统中的一组组件。该操作将组件拖到内容区域，并确认每个组件的位置，例如将什么放在位置A，将什么放在位置。
由于操作在配置时可能没有按照活动内容的顺序来配置组件，或者可能添加了一些额外的组件，因此可以在活动内容区域中调整或删除组件的位置；主要目的是将组件内容可视化，方便操作，根据具体内容进行调整。
如图所示:
通过调整组件的位置，将它们放在适当的位置，以便用户可以看到关键信息。
侏罗纪世界3)活动基本信息
信息是指活动的整体“皮肤”风格，可以让用户清楚地知道活动的目的；在CMS中，你可以选择页面背景颜色，上传横幅地图，填写活动规则等。
背景色主要用来填充整个活动页面，配合横幅图，烘托活动气氛。如果使用默认的背景色，会与活动风格不协调，用户感受不到活动氛围。活动规则是给用户介绍如何玩活动，避免售后纠纷。活动规则也可以以文本的形式显示在页面底部。
如图所示:
以京东的活动页面为例。banner diagram直接向用户传达这个活动和家庭有关，所以你大概会知道涉及哪些品类，比如食品、百货、家电等。
4վ֮ս)预览
预览是页面配置完成后预览活动页面效果的关键步骤。主要目的是在发布前保证最终页面效果是否符合要求，如果有问题可以及时调整。否则只能在测试环境下调整操作，看手机呈现的效果，或者直接贴在网上，费时费力。是极不可取的方式。
亮点:
添加活动页面的过程应通过操作进行确认。无论是添加后直接发布，还是处于待审核状态，武汉的另一个日日夜夜都会确认发布，因为这涉及到操作流程和账号角色。
如果有审批步骤，流程为:效果预览-提交审批-审批-确认发布。
四。摘要
电商产品活动不可或缺，就像超市经常做促销活动，通过活动吸引用户，给用户一些利润；如果每一项活动都需要通过开发来完成，工作就很难开展。
活动页面动态配置模板要根据实际业务设计组件，将内容拆分成不同的组件，便于后续扩展；当然，动态页面不仅适用于活动，也适用于其他需要在具体项目中实现的页面。
本文由@搜狗翻译原创还准备了精彩好礼一个粉丝在这个夏天给你降温。详情请点击产品狗的日常思维。人人都是产品经理，未经作者允许，禁止转载。
来自Unsplash的图像，基于CC0协议。
