.

任务列表使用教程

老赵发表于:2022年06月16日 15:03:14更新于:2023年05月25日 16:33:18

任务列表插件简介

“任务&奖励”体系,对用户来说既是做任务,拿奖励,通过这种方式来获得利益或精神上的满足感。通过让用户完成固定任务,逐步用户对产品的依赖,常见的场景有分享邀请、内页引流、增长转化等场景。 

意派任务列表应用现支持以下功能:

  • 支持任务管理与配置

  • 支持记录用户任务完成情况

  • 支持任务项绑定变量

demo演示:https://m.creatby.com/v2/manage/book/adag4n/


image.png

任务列表插件使用前须知

目前,任务列表插件属于内测阶段,仅供用户试用体验,严禁将其用于商业目的。

如果在商用过程中出现任何问题、带来任何商业损失,意派科技不承担其带来的任何责任。

由于任务列表插件调用了微信接口,所以需开启微信授权使用。如何开启授权?

任务列表插件添加及配置

正式上线后,可以在编辑器顶部topbar——互动插件处找到任务列表插件。

一、添加插件

内测:在顶部栏——高级组件——beta 组件中,添加插件。

正式:在顶部栏 ——互动组件中,添加插件。

在顶部工具栏中的互动组件——任务列表来添加组件。

image.png

创建任务列表应用时,默认显示3条任务。

任务过多时,可以上下滑动展示。 

二、插件基本设置

点击画布中的任务列表插件,右侧会出现插件属性面板。

属性面板由配置面板、后台数据管理组成。点击配置面板,可设置任务列表插件的相关信息。

image.png

可以设置活动标题、活动起止时间、任务列表配图。

image.png

活动标题:活动报名的活动的信息,可根据具体活动进行设置;

活动图片:可配置任务列表活动的物料图片;

活动起止时间:活动开始到活动结束的时间,期间内用户可以操作任务列表,非活动活动步不可操作;

image.png

三、规则设置

支持隐藏/显示任务图片、任务描述、任务标签。

image.png

image.png

 

四、样式设置

支持任务标题颜色、任务描述、任务标签字体颜色设置、支持应用背景色设置。

有时我们会需要对插件本身部分样式进行个性化调整,样式设置中支持我们自行编辑CSS 文档,支持嵌套,便于我们根据自己的想法需求去调整抽奖组件的布局和外观。

后续,我们将在【样式设置】面板中增加一些默认的css代码,方便不会代码的用户自定义文字颜色、字号等设置。

image.png

五、任务设置

可通过该面板配置和管理任务

可配置项:任务类型、任务名称、任务描述 、任务标签、任务配图、初始按钮、激活按钮、初始链接、激活链接。

可添加、删除、修改任务。


image.pngimage.png 


 

六.后台数据管理

点击属性面板中的后台数据管理,可进入插件数据页面查看任务列表。

image.png

点击任务记录表>查看数据。

image.png

可查看当前用户浏览任务的情况: image.png

用户可以点击应用右上角进行查看浏览记录。

image.png

image.png

七、任务状态绑定

任务状态可与编辑器变量、系统变量、权益资格进行数据绑定

1.点击“+”可选择系统变量进行绑定

2.完成绑定后,加载应用时或通过刷新任务状态触发器完成对按钮状态的切换。

image.png

一个任务对应一个变量

变量值为0时,可将按钮状态置为初始状态,如任务一 任务二。

变量值为1时,可将按钮状态置为激活状态,如任务三。

image.png 

八、触发器

触发器目前支持点击列表初始按钮和激活按钮触发器,点击列表所有任务都生效。

image.png 

预览

设置完成配置后,我们可以左上角预览当前页或者点击发布手机扫码即可。

image.png

手机端演示截屏:

image.png

 

 


--------- 不了解设计的程序员不是好客服 ---------------