H5作品中【购买权益】玩法


一、应用场景

H5“购买权益”玩法,可以设置购买活动权益,访客活动次数不足时,可付费增加活动次数;或者帮助主办方实现“付费报名”、“付费抽奖”、“付费游戏”等营销场景。

二、操作流程

注意:需要使用客户自己的商户号进行收款,内容中台不进行代收款服务;如需使用购买权益玩法,商家需自行准备好收款的商户号,本次更新仅支持微信商户号。

(一)、付费报名作品配置:

①集成管理-商户号配置进行微信商户号配置→②集成管理-收款配置进行收款配置→③表单编辑器创建报名作品→④H5编辑器添加购买权益玩法→⑤保存发布→⑥访客访问表单作品→⑦H5作品活动数据查看订单数据⑧资金明细中查看具体的收款明细

步骤①:集成管理-商户号配置进行商户号配置

具体内容可参考技术文档:https://hc.eqxiu.cn/doc/3371/

步骤②:集成管理-收款配置进行收款配置

支持H5支付、APP支付和小程序支付

注意:在收款配置中选择小程序支付产品时,需要业务方进行小程序对接,对接文档在 https://hc.eqxiu.cn/doc/3370/

步骤③:表单编辑器创建报名作品

点击“设置”,在填写次数限制中,将渠道参与次数设置为0,如果需要免费报名1次,再次报名需要付费的场景,可在渠道参与次数设置为1;

设置完成之后,点击发布,发布表单作品。

步骤④:H5编辑器添加购买权益玩法

打开H5编辑器,左侧玩法中找到“购买”,选择添加“购买权益”

点击添加,在画布中出现购买权益内容

点击编辑购买权益,右边出现编辑购买权益的设置项:

权益类型:点击选择报名机会,点击选择作品,出现选择报名作品的弹框,选择刚才设置好的付费报名作品

设置付费金额,可以设置下单填写信息,默认是非必填,可以选择必填或者不展示,选择不展示之后,右边画布会出现隐藏相关输入项,可手动调整画布内容



收款设置,选择集成管理中设置的收款配置

设置用户参与类型

步骤:保存发布(省略)

步骤:主办方将表单报名作品宣传出去,访客访问表单报名作品

如果选择的是小程序支付,需将作品链接放到小程序环境进行打开,才可调起支付。

访客视角

①打开表单报名作品(此时剩余填写次数为0)-点击提交按钮→②弹出购买页面进行购买→③调出微信支付页面进行支付→④支付成功,提示购买成功,倒计时3秒→⑤页面刷新回到报名页面(此时剩余填写抽奖次数为1,且之前填写的内容会默认保留)→⑥点击提交按钮→⑦提示提交成功

     

步骤⑦:购买的订单数据可在H5作品的数据管理-订单数据查看

步骤⑧:资金管理中“收款”查看收款具体明细

(二)、付费抽奖作品配置:

①集成管理-商户号配置进行微信商户号配置→②集成管理-收款配置进行收款配置→③互动编辑器创建抽奖作品→④H5编辑器添加购买权益玩法→⑤保存发布→⑥访客访问互动作品→⑦H5作品活动数据查看订单数据⑧资金明细中查看具体的收款明细

步骤①:集成管理-商户号配置进行商户号配置(同上,此处忽略)

步骤②:集成管理-收款配置进行收款配置(同上,此处忽略)

步骤③:互动编辑器创建抽奖作品

创建过程忽略,需要在抽奖次数设置为0次,设置其他需要的内容,点击发布

步骤④:H5编辑器添加购买权益玩法

步骤:保存发布(省略)

步骤:主办方将互动抽奖作品宣传出去,访客访问互动抽奖作品

如果选择的是小程序支付,需将作品链接放到小程序环境进行打开,才可调起支付。

访客视角

①打开抽奖作品(显示剩余抽奖次数为0)-点击抽奖按钮→②弹出购买页面进行购买→③调出微信支付页面进行支付→④支付成功,提示购买成功,倒计时3秒→⑤页面刷新回到抽奖页面(显示剩余抽奖次数为1)→⑥点击抽奖按钮→⑦抽奖成果,弹出抽奖结果

     

步骤⑦:购买的订单数据可在H5作品的数据管理-订单数据查看(同上,此处忽略)

步骤⑦:资金管理中“收款”查看收款具体明细(同上,此处忽略)

(三)、付费游戏作品配置:

①集成管理-商户号配置进行微信商户号配置→②集成管理-收款配置进行收款配置→③互动编辑器创建游戏作品→④H5编辑器添加购买权益玩法→⑤保存发布→⑥访客访问互动作品→⑦H5作品活动数据查看订单数据⑧资金明细中查看具体的收款明细

步骤①:集成管理-商户号配置进行商户号配置(同上,此处忽略)

步骤②:集成管理-收款配置进行收款配置(同上,此处忽略)

步骤③:互动编辑器创建游戏作品

创建过程忽略,需要在游戏次数设置为0次,设置其他需要的内容,点击发布

步骤④:H5编辑器添加购买权益玩法

步骤:保存发布(省略)

步骤:主办方将互动游戏作品宣传出去,访客访问互动游戏作品

如果选择的是小程序支付,需将作品链接放到小程序环境进行打开,才可调起支付。

访客视角

①打开游戏作品(显示游戏次数为0)-点击开始游戏按钮→②弹出购买页面进行购买→③调出微信支付页面进行支付→④支付成功,提示购买成功,倒计时3秒→⑤页面刷新回到游戏页面(显示游戏次数为1)→⑥点击游戏按钮→⑦进入游戏页面进行游戏

     

步骤⑦:购买的订单数据可在H5作品的数据管理-订单数据查看(同上,此处忽略)

步骤⑦:资金管理中“收款”查看收款具体明细(同上,此处忽略)


李鑫鑫 2024年9月5日 16:14 377 收藏文档