【功能上新-H5/互动/表单/长页】新增必读协议组件


一、应用场景

查看年度账单时,需要访客点击选择必读协议;提交报名时,需要访客点击必读协议;在抽奖前,游戏前,需要访客点击必读协议;为了方便制作相关的必读协议展示,我们在H5、互动、表单和长页中新增了必读协议组件。

 

二、操作流程

(一)、H5编辑器

①组件中添加必读协议组件→②组件设置中配置协议内容→③添加一个触发(提交按钮或者跳转链接按钮)→④保存发布

步骤①:如下,点击必读协议,添加到画布中

步骤②:右侧组件设置中配置协议内容

默认支持两个协议,可删除一个协议;支持修改字体、字号、文字颜色、背景颜色和链接文字颜色

必读协议配置项中,支持跳转链接、跳转小程序普通链接、跳转小程序tabbar链接、弹出弹框。

步骤③:添加提交按钮或者跳转链接按钮

步骤④:保存发布

访客浏览:未勾选时点击提交按钮,会给出提示“请先勾选隐私协议”

点击协议名称,出现配置的协议内容(此处选择的是弹出弹框)。

 

 

 

(二)、互动编辑器

①模板创建互动作品→②基础设置中开启必读协议组件→③配置协议内容→④配置其他内容→⑤保存发布

步骤①:模板创建互动作品(忽略)

步骤②:基础设置中开启必读协议

步骤③:配置必读协议组件

支持配置必读组件的标题、跳转内容;
默认支持两个协议,可删除一个协议;
必读协议配置项中,支持跳转链接、跳转小程序普通链接、跳转小程序tabbar链接、弹出弹框。

支持修改字体、字号、文字颜色、背景颜色和链接文字颜色

步骤④:配置其他内容(忽略)

步骤⑤:保存发布

访客抽奖:未勾选时点击抽奖按钮,会给出提示“请先勾选隐私协议”

(三)、表单编辑器

①模板/空白创建表单作品→②其他题型中添加必读协议组件→③配置协议内容→④配置其他内容→⑤保存发布

步骤①:模板/空白创建表单作品(忽略)

步骤②:其他题型中添加必读协议

步骤③:配置协议内容

支持配置必读组件的标题、跳转内容;
默认支持两个协议,可删除一个协议;
必读协议配置项中,支持跳转链接、跳转小程序普通链接、跳转小程序tabbar链接、弹出弹框。

支持修改字体、字号、文字颜色、背景颜色和链接文字颜色

步骤④:配置其他内容(忽略)

步骤⑤:保存发布

访客访问:未勾选时点击提交按钮,会给出提示“请先勾选隐私协议”

(四)、长页编辑器

①模板/空白创建长页作品→②组件-快捷表单组件中添加必读协议组件→③配置协议内容→④配置其他内容→⑤保存发布

步骤①:模板/空白创建长页作品(忽略)

步骤②:其他题型中添加必读协议

步骤③:配置协议内容

支持配置必读组件的标题、跳转内容;
默认支持两个协议,可删除一个协议;
必读协议配置项中,支持跳转链接、跳转小程序普通链接、跳转小程序tabbar链接、弹出弹框。

支持修改字体、字号、文字颜色、背景颜色和链接文字颜色

步骤④:配置其他内容(忽略)

步骤⑤:保存发布

访客访问:未勾选时点击提交按钮,会给出提示“请先勾选隐私协议”


changli July 31, 2024, 4:48 p.m. 1314 收藏文档