外链×支付,线下缴费场景的快速收款利器!
1. 简介
1.1 方案简介
本文以食堂排队预点单为例,介绍如何实现顾客自助扫码下单,完成从挑选商品、支付到打印小票的全过程。
1.2 设计思路
1)新建「扫码下单」表,使用消费明细子表单来录入所选菜品、售价、份数,并自动计算消费总金额。
2)继续进行如下表单设置:
- 发布表单:开启 表单外链,并打印链接二维码张贴在食堂排队入口,供顾客扫码下单;
- 启用支付:开启 在线支付,让顾客在提交订单的同时直接完成付款操作;
- 微信增强:开启 微信增强 并勾选「允许填写者修改自己提交的数据」,以便顾客再次扫码查看订单并向餐厅员工展示菜品和支付状态。
1.3 预期效果
1)顾客扫描食堂入口的二维码即可线上点单,选择所需菜品并进行支付。效果如下所示:
2)支付成功后可再次扫描二维码,点击页面右下方「我的数据」查看订单详情,向餐厅员工展示菜品和支付状态。效果如下所示:
2. 表单设计
注:在学习之前建议安装 支付场景专题 应用模板,本文将按照模板中的示例数据进行讲解。
2.1 扫码点单
新建「扫码点单」表,需要包含如下 2 个关键模块:
- 订单信息:包含订单名称、消费明细子表单等字段,用于顾客填写订单内容;
- 支付信息:用于记录顾客的支付情况,如支付状态、支付方式、支付金额等。
注:由于发起支付时仅需填写「订单信息」部分字段,且查看订单详情时,仅需展示「支付信息」部分的支付状态字段,故建议将支付状态设置为「不可编辑」,「支付信息」部分的其他字段设置为「不可见」。
2.2 菜品信息
新建「菜品信息」表,用于记录各个菜品的基础信息,包括名称、图片及售价。如下图所示:
3. 在线支付设置
进入「扫码点单」表的编辑页面,在「扩展功能 >> 在线支付」中启用在线支付功能,并进行如下设置:
- 商品详情:选择「订单名称」字段;
- 订单金额(元):选择「消费金额」字段
- 存储支付信息:将平台返回的支付状态、支付金额、支付方式等支付信息存储至对应表单字段中。
4. 表单发布
完成上述表单设计后,即可分享外链二维码给顾客填写表单,限制顾客仅能在微信环境中填写,并允许再次查看已填写的数据,便于给展示。具体如下:
1)切换至「表单发布 >> 公开发布 >> 表单填写链接」处,进行如下设置:
- 开启「表单填写链接」和「微信增强」开关;
- 勾选「允许填写者查看自己提交的数据」选项。
设置完成后,点击「保存」按钮。
2)点击下载链接二维码,建议直接打印张贴在食堂入口等处,让顾客自行扫码下单。
5. 效果演示
效果参见本文【1.3 预期效果】。