如何实现微信扫码点单?

html-css04

如何实现微信扫码点单?,第1张

微信支付官方现在提供了免费的扫码点餐系统,0成本接入,商家可以在店内张贴海报,叫号取餐,也可以贴下单桌贴,配送到桌。两种模式均可让顾客不用排队点单,也替老板节省人工成本。快来看看怎么使用吧!

菜单录入和管理 :

第一步:上传商品

微信内搜索【微信收款商业版】官方公众号,进入“微信收款商业版小程序”。如果还未开通微信收款商业版的商家,需先开通商业版;已经开通过的商家,可以点击 “开启扫码点餐”,然后开始上传商品,添加图片、商品名称、价格,完成后点击“下一步”。

第二步:保存点餐码

商品添加完成,进入“选择并保存点餐码”,选择桌贴或者海报,保存即可。新手指引可以先选一个,后面会有保存点餐码入口随时自行保存。或购买官方物料(桌贴适合配送到桌的商家,目前仅支持 1-12 桌;海报适合商家叫号,顾客支付成功后会收到服务通知,通知顾客来取餐/到店自提。)

第三步:完成新手流程。

可选择继续添加商品,或选择稍后添加,回到“管理商品”主页。

第四步:店铺管理

从“商品管理”返回后,商家可以看到累计订单和累计收入,可以随时保存点餐码,还可以管理店员,进入“店员管理”可以增加或者删除扫码点餐的店员。

完成以上步骤顾客只需扫描商家提供的桌贴或海报二维码点餐,支付成功后就会收到服务通知,通知顾客桌号信息和取餐码;商家就可以取号叫餐或者配送到桌啦!

* 以iphone 12型号手机,iOS14.6系统版本,8.0.6微信版本为例子,不同型号版本手机操作通用。

1.解决的问题:

1.能够在微博客户端呼起摄像头扫描二维码并且解析

2.能够在原生浏览器和微信客户端中扫描二维码并且解析

2.优点:

web端或者是 h5端可以直接完成扫码的工作;

3.缺点:

图片不清晰很容易解析失败(拍照扫描图片需要镜头离二维码的距离很近),相对于 native 呼起的摄像头解析会有1-2秒的延时。

说明:

此插件需要配合zepto.js 或者 jQuery.js使用

使用方法:

1.在需要使用的页面按照下面顺序引入lib目录下的 js 文件

复制代码

代码如下:

<script src="lib/zepto.js"></script>

<script src="lib/qrcode.lib.min.js"></script>

<script src="lib/qrcode.js"></script>