tp 扫码点餐 源码_解密小程序:教你轻松制作点餐小程序

大家好,我是解密小程序,在之前的课程中我们已经讲解了小程序的搭建流程。但在与大家交流的过程中,我发现大家对这些流程其实都有一定的了解,因而更需要的是一份小程序的详细制作教程,那么在接下来的课程中,我们将针对各种类型、各行各业的小程序做一份详细的小程序制作教程。小程序的制作过程各有不同,功能越多的小程序制作起来越是复杂,那么这一节课我们从一款点餐的小程序开始。

6f4488a1ce538af95b056aec3caef717.png

今天介绍的这款小程序是微擎中的【夕雾】扫码点餐,这个点餐的小程序后台看起来还是比较简单的,但是在我制作的过程中发现,其实功能还是很强大的,不但有店内扫码点餐、预约点餐、外卖派送,自带语音播报,还带有营销功能,基本可以满足餐厅所需。安装搭建过程之前都讲过了,那我们就直接从制作开始了。

步骤:

制作每一个小程序都应该从参数设置或者系统设置开始,我们先把整体设置好了再来设置其他的地方。

一、参数设置:可以看到这个小程序的参数设置还是很简单的,大家根据自己的情况需要来设置即可。需要注意的是,自动接单的开启,自然是可以节约不少的时间,但是如果会有缺货或者其他意外情况的发生,就会比较麻烦,个人建议还是关闭比较好。

9571e8603efa3070739c50a30aaaa09f.gif

二、后台管理:这是一个统计页面,不需要设置,在这里我们可以直观的查看店铺的订单及收入,还有产品销量。

dcf423ab2971406af509f948f6aedfda.png

三、店铺管理:这个小程序为单店版的,需要在这里设置店铺的基本信息,这些信息会在小程序首页展示,所以一定不要填写错了。店铺位置直接在地图上查找就可以了,鼠标滚动可以放大地图,点击一下就会自动填写经纬度及详细地址,这一点也是非常方便的。店铺详情这里可以编辑图文、视频、表格等等。

3c8968bc8f214b18226a760952574516.gif

四、会员中心:这里不但可以查看会员的余额、积分、订单数量及优惠券,还可以手动给会员发送优惠券。

4bb276ace8bf49165d4d420229d434fc.png

五、商品管理:在这里上传店铺里的商品。详情图建议使用正方形图片,详情轮播图要使用一样的尺寸,这样显示出来才美观。保存之后,商品就添加完成了,但是,这样在前端是不显示的,我们需要来设置分类。

de583f1756ad4a564b96a321288981a6.gif

六、分类管理:添加分类,选择分类下的商品,这样商品在前端才会显示。

a173643a00f98ed9e2dac9858f0555a8.png

七、订单管理:这里我们可以看到订单的全部信息,待客户付款后,我们可以确认接单,打印小票。

23a98a7cb0cd0c23c8db762a749b67a6.png

我这里用的是排队取号的订单,顾客支付后,在详情中可以看到点餐码,商家制作好后,可以点击取餐提醒,系统将语音提示“请XXX号取餐”,顾客就可以来取餐了。外卖订单、预约订单都是一样的,这里就不再重复讲了。

56cfaece6c8dcf5bc90c8e8f2c0ea0d1.png

八、评价管理:这里就是顾客的评价,顾客评价后,这一单就交易完成了。商家可以在后台设置显示或者隐藏评价。

2ad8d603d83d34ce04cac17a914f4abe.png

九、营销管理:营销方法有三种,店铺优惠、优惠券及充值赠送,都是餐饮行业实用的营销方法。

c93ab3e266b493215b379efa89f3259b.gif
  • 店铺优惠:设置店内消费满多少元可减多少元,例如满10元减1元,满100元减10元等等,这里仅用于店内买单。
  • 优惠券:设置满多少元减多少元,优惠券不能用于店内买单,其他的都可以用,可以直接从首页领取,也可以用积分兑换。
a789f49eff24a88db08266cef6bd465a.png
  • 充值赠送:在我的钱包里充值,就相当于会员卡充值,既可以快速回笼资金,提高顾客的活跃度,更便于做优惠活动等等。
ab89567c6e542fa7ab809db861999351.png

十、桌面码:就是生成贴在桌面的小程序码,方便顾客扫码点餐。注意,这里计数是从0开始的,也就是说数量填写1,会出来2个小程序码,即0号桌与1号桌。

2ef50aae2930a5e848941af913c476af.png

十一、模板消息:点击添加模板,会自动生成,便于向用户发送重要的消息通知。

f7b63245407ea7dc1ca9506426ea4fd5.png

十二、打印机:打印机目前仅支持飞蛾云打印机。

5901742c6e98c9d82c1d562492ac3039.png

好了,小程序的后台我们就全部设置完成了,当然我这里就是简单设置了一下,大家正式运营的话,还是要多补充一点内容。我们来看一下前端是什么样的。

0100ff39ad1f1948363386c6d18c573c.gif

总结:如果你打算做一款正式版的小程序,可以采用官方的源码,他们会不断地更新,优化功能,我这里用的是旧版源码,主要用于教授大家学习研究使用。总体来说这是一款非常简单明了的小程序,功能强大但制作简单,还是非常实用的。如果您觉得有用,请多多支持关注,我们将更新更多优质教程,感谢您的观看!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值