H5作品中【答题+任务+抽奖】玩法


一、业务场景:

用户参与答题任务,达到指定分数后下发抽奖次数。例如实现:每天可答题3次,答题获得80分及以上,可获得抽奖机会。

二、配置步骤:

步骤1-创建答题:插入答题、题目,答题达标提示页、答题失败提示页;

步骤2-创建抽奖:设置抽奖奖项、奖品数量、概率、可中奖次数等;

步骤3-创建任务:设置答题达到指定分数后下发抽奖次数;

步骤4-作品完善:禁止页面滑动、不同分数跳转不同的页面提示;

三、步骤详解:

步骤1-创建答题:插入答题、题目,答题达标提示页、答题失败提示页;

1.1创建作品,选择H5分类:可搜索答题相关模板,或选择“空白创建”。后续演示以“空白创建”为例。

1.2顶部组件中,插入答题组件

1.3插入答题组件后,系统自动生成3个页面(开始页-答题页-结果页),选择第二页,点击题目,可编辑答题

1.4题目设置中可添加题目或批量导入题目,高级设置可设置答题次数、随机抽题等答题要求

步骤2-创建抽奖:设置抽奖奖项、奖品数量、概率、可中奖次数等;

2.1页面右下角,插入一个新的长页面

2.2在左侧玩法-抽奖-插入(大转盘、九宫格、老虎机)选择一个自己需要的抽奖方式

2.3在页面中可更换页面图片,点击配置,可配置抽奖奖项、概率等相关信息

2.4因为需要答题达标后才能获得抽奖次数,将初始抽奖次数设置为0

步骤3-创建任务:设置答题达到指定分数后下发抽奖次数;

3.1在左侧玩法中,插入任务

3.2点击蓝色“配置”按钮,可进入任务的配置页面,在任务类型中根据实际需求选择“单次分数”达标、“累计分数”达标

3.3作品ID填写当前编辑页面中的6位数数字部分

3.4奖品设置-下发抽奖次数,选择活动权益。

奖品名称:手动修改为抽奖次数1次。

选择活动:选择步骤2创建的抽奖活动。

奖品总量:因为奖品是抽奖次数,理论上可设置为无限。

3.5奖励设置-开启周期内完成奖励

答题分数:根据实际需求设定,即用户达到设定分数后下发奖励;

手动领取:即用户达成分数后即可领取到抽奖次数;

奖励次数:若每日最高奖励3次抽奖机会,则创建3条奖励,每次奖励单次抽奖机会;

步骤4-作品完善:禁止页面滑动、不同分数跳转不同的页面提示

4.1开启整个作品:禁止滑动翻页(编辑页面右上角-预览和设置:勾选 禁止滑动进入下一页)

避免用户滑动的方式看到抽奖页面

4.2设置不同的答题分数跳转不同的页面(可根据实际情况及得分要求设定,不同的分数跳转不同的页面)

以此次案例演示:0-70分设定跳转第三页,查看得分

80-100分跳转至第四页,获取抽奖资格

 


李鑫鑫 2026年6月17日 15:00 22 收藏文档