H5活动页

创建的活动页面

表单

发布页面文件、表单内容给C端用户，并收集相关数据的能力

编辑器

平台上用来自定义搭建页面的功能，可拖拉拽完成页面内容的搭建

图层

编辑器内每一个内容在页面里面重叠时，展示的前后顺序关系

组件

编辑器内搭建页面的内容组件，每一个组件对应的内容、数据、功能逻辑都不一样

插件

用于页面逻辑的二次开发，增加整个活动页面的前端逻辑，实现页面的全局配置

二开

即二次开发，魔方编辑器支持低代码二开新的前端组件

编辑

• 保存：保存你的活动，快捷键ctrl+s；
• 撤销：【←】回到你的上一步操作，快捷键ctrl+z；
• 重做：【→】，回到你最近的一次撤销前的动作（撤销你的最近一个撤销），撤销是重做的前提，没有撤销就不能重做，快捷键ctrl+shift+z；
• 开发者模式：用于开发人员调试二开组件/插件

视图

• 网格线：帮助你更好地齐组件、调整行间距等，后续会上线；
• 拖拽参考线：为你提供对齐组件的基准线，当组件图层模式为「移动」时，拖动便会自动显示；
• 智能吸附：拖动组件时会磁性吸附到参考线上，注意：要使用智能吸附必须打开参考线；
• 展示快捷键提示：选中组件，右键调起；

画布：放大画布-点击一次放大画布大小25%；缩小画布-点击一次缩小画布大小25%；缩放至100%-画布回到100%大小；

PSD导入

• 在Photoshop中安装「魔方插件」，通过插件将PSD设计文件导出为.mdr魔方设计资源；
• 在编辑器中导入魔方设计资源，即可将设计稿转为H5页面，按原尺寸、原比例、原位置导入图片、文字、按钮图层。

图层

• 可以看到整个活动的页面、模块、组件的结构；
• 逻辑是同模块中的组件，在结构树上方的组件在画布上会遮挡在结构树下方的组件；
• 不同模块上下排列的顺序，即为在画布里上下排列的顺序；

点击左下角「+新页面」可增加新的一页；

保存

保存你当前搭建的活动，需要保存或预览过后，才可以进行发布

预览

预览活动在手机展示的效果，可以在此处获取到测试链接，投放到实际的手机端进行查看

发布

可设置分享的标题样式、版本名称以及版本备注信息

分享设置

可设置活动的分享标题、分享描述和分享封面

活动设置

可设置活动展示名称，即C端活动页面的名称

更多操作

版本与草稿：可查看所有历史上线过的活动版本，可以直接替换为旧版本进行发布，也可把旧版本信息删除

活动链接：可查看当前活动的正式链接

组件

提供丰富的页面组件库，在组件上悬停可显示组件解释和预览。

画布区

在此处添加组件或素材，搭建你的活动

页面调整

• 可修改页面名称，选择页面跳转时快速选择，以及方便管理
• 点击右上角可添加新页面，可进入页面配置项

展示设置

页面/组件可配置的内容都在这个区域进行设置

高级设置

页面/组件的开发相关信息、如id、配置代码等内容，在这个页面进行设置和查看

堆叠

• 支持修改按钮透明度
• 宽高：通过W\H值修改按钮高度和宽度，支持锁定宽高比例
• 圆角：支持修改组件的圆角
• 外边距：通过修改（距离其他组件的）边距更改按钮位置

移动

• 支持修改按钮透明度
• 宽高：通过W\H值修改按钮高度和宽度，支持锁定宽高比例
• 圆角：支持修改组件的圆角
• 位置：支持修改组件的X/Y轴，调整在画布上的位置

页面设置

点击画布右上角的设置，可以对整个页面设置背景颜色、背景图片

模块设置

• 点击页面内的任意位置，出现该模块的设置操作，可以对该模块单独设置高度、背景颜色、背景图片
• 由内容撑开：每个模块的高度都可以按照内容自适应地自动撑开，自动撑开的高度由“堆叠”的组件决定，与自由移动的组件无关
• 固定高度：可以设置模块固定高度
• 页面中设置多个模块时，主要考虑是这个模块/楼层的内容是否需要单独维护，是否会经常调整模块高度，为了减少对页面上下方的位置的调整，就可以使用模块来进行编辑，避免修改内容高度后，需要重复地调整整个页面的布局

复制组件

（1）在画布中，使用鼠标拖动选中要复制的组件
（2）点击鼠标右键、点击复制或ctrl+c
（3）打开要粘贴的页面，并鼠标点击选中要粘贴的模块位置，再点击右键、点击粘贴或ctrl+v（会在当前指定的模块，自动把组件内容粘贴上去）
注意：玩法相关配置，复制后需重新设置

复制模块

（1）打开图层，鼠标右键点击要复制的模块名称
（2）点击鼠标右键、点击复制或ctrl+c
（3）打开要粘贴的页面，新增一个空白模块，并鼠标点击选中要粘贴的模块位置，再点击右键、点击粘贴或ctrl+v（会在当前指定的模块，自动把模块中所有组件内容粘贴上去）
注意：玩法相关配置，复制后需重新设置

复制页面

（1）打开图层，鼠标右键点击要复制的页面名称
（2）点击鼠标右键、点击复制或ctrl+c
（3）打开要粘贴的页面位置，在页面名称上鼠标点击右键、点击粘贴或ctrl+v（会在指定页面的后面新增一个页面，并自动把页面所有的内容粘贴上去）
注意：玩法相关配置，复制后需重新设置

模块设置

进入模块的设置面板，开启右上角“个性化展示分组”

新建个性化分组

点击新建分组，如果活动中没有创建过分组条件，则点击「去创建」；或者直接点击「管理分组人群条件」，打开弹窗进行创建。

分组条件设置

（1）进入分组管理弹窗，点击添加分组
（2）可按照不同条件添加分组的限制：

• 指定每日时间：每天可见的时间点，例如10点～11点
• 指定可见时间段：限制可见的日期范围，例如2022-10-20 10:00:00～2022-10-30 10:00:00
• 指定可见人群：指定可访问的人群范围，可选择画像平台已创建的人群列表，支持直接创建CDP人群
• 指定可见应用端：可指定微信端，已对接的APP端，或者其他未包含在内的客户端

（3）创建保存完成，在该活动各个页面模块中都可以使用相同的条件来创建个性化的分组内容

设置分组的展示内容

（1）点击添加分组，把创建好的分组条件添加进来
（2）选中点击分组的卡片，可切换查看模块在不同条件下的内容，并进行编辑
（3）可拖动调整每个卡片的判断顺序，可删除卡片条件和对应的内容

基础操作

编辑、收藏、查看线上链接、预览活动页面

更多操作

• 设为优秀案例：设置优秀案例后，其他所有用户可以在「案例中心」查看到这个活动，不需要查看权限
• 复制：复制当前活动的页面内容来创建一个新的活动
• 修改信息：修改活动的基础信息，包括活动渠道、活动名称、活动标签、资源组、协作人等
• 查看活动数据：跳转至活动数据分析页面
• 查看表单数据：跳转至活动表单明细数据页面
• 修改协作人：修改活动的协作人信息，其他协作人也拥有管理活动的权限
• 发布：进入编辑器，进行活动的发布操作
• 删除：未上线/已下线的活动可以删除，已上线的活动不允许删除
• 下载预览图：已上线的活动可将活动页面内容下载为图片
• 下线：对已上线的活动进行下线操作

下载预览图

• 原始尺寸：按页面现有内容的高度进行导出下载，不做裁剪
• 自定义尺寸：可自由调整/裁剪需要下载的图片区域
• 增加固定尺寸：可保存常用的尺寸类型，便于快速进行下载保存

活动信息

可展开查看：创建人、创建时间、活动ID、活动状态

审批

存在审批申请单时，显示审批标识，鼠标hover可点击「查看详情」查看审批单详情；负责审批的用户可以在此操作审批通过/驳回。

搭背景及图片

1. 利用图片组件来搭建，注意先搭建的元素在最下层。（如果背景图片是切图，则需要把这些切图拼接起来）
2. 页面搭建使用到的图片尺寸分为两种：
   1. 无限制大小：页面搭建时基本上所有样式的大小都可以自由拖拽，或自定义设置大小尺寸。这种类型可以按设计师自由确定尺寸，只要最后在页面上设置的大小和设计师定义的大小比例一致，展示则不会有拉伸问题。
   2. 有限制大小：部分玩法相关的组件会有固定的展示位，例如抽奖大转盘，每个奖品位的展示大小是固定的。具体参考各组件的说明。

搭按钮

页面间的交互通过按钮来承载，给按钮组件配置交互动作，实现跳转其他页面、打开弹窗等场景。

玩法搭建

如果在搭建活动的过程中使用到「抽奖类」「投票类」「兑换类」「签到类」「任务类」「玩法通用类」等组件，需要先完成玩法后端规则的配置，并将后端规则与组件关联，更多详情可参考对应组件的操作说明。

step1: 添加通用任务组件

step2: 通用任务组件设置

1. 设置通用任务组件的图层、位置大小
2. 内容设置：
   1. 玩法规则：选择配置好的含有多个任务的玩法规则。
   2. 选择任务&任务触发机制：选择玩法规则后，在下方选择任务并配置任务触发机制，例如选择「观看视频任务」，触发配置「跳转链接」。
3. 样式设置：支持替换组件样式、自定义样式中的展示元素，提供两种样式

4. 按钮状态样式设置：支持修改未完成/已完成状态的样式，建议将「未完成任务」的背景配置为亮色，将「已完成任务」的背景配置为暗色，提高用户感知。
5. 反馈：主要针对用户点击【去做任务】按钮后，不同场景提示内容的配置
   1. 任务已完成：若当前用户已完成此任务，会出现该提示
   2. 用户未登录：
      1. 如果需要收集用户的id，可以把“用户未登录”打开；
      2. 若用户没有登录，会出现错误提示。
   3. 不在活动时间内：用户不在玩法活动可参与的时间范围内的提示内容
   4. 不在任务时间：用户不在任务可参与的时间范围内的提示内容
   5. 命中黑名单：用户在黑名单内时的提示内容
   6. 不在本次活动范围：用户不在玩法圈选的可参与范围内的提示内容
   7. 参与机会不足：用户参与玩法机会不足的提示内容
   8. 参与次数达到上限：用户参与玩法次数达到上限的提示内容
   9. 频繁点击：频繁点击时的提示内容
   10. 兜底错误提醒+错误代码：系统服务异常或网络错误等的提示内容
6. 设置背景和边框，不用的话可以不勾选