打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
多商户外卖小程序系统功能

用户端-首页

该页面板块分为:我的地址、搜索框、轮播图、分类组轮播、商圈口碑排行、推荐商家。

1、【我的地址】展示所选地址,没有选择时,默认当前用户所在位置,点击跳转到18 我的地址可添加与更改我的地址

2、【搜索框】

点击跳转 “04 搜索”,提示语写死为“搜索门店或商品名”

3、【轮播图】

最多5张,带链接(内链,可从后台门店列表复制链接),进入页面时自动轮播,仅有1张时不滚动。非必传,未上传不显示此版块。

4、【分类组轮播】展示门店分类

(1)单个分类展示字段依次为:图标、名称(最多5个字)

(2)排序:排序号倒序

(3)点击单个分类跳转:“05 商家列表”,并筛选出该分类下的门店

(4)数量超过2行可以左右滑动

(5)分类数量一屏可以展示时,不显示下方轮播点;分类数量一屏不可以展示时,显示下方轮播点

(6)第一个固定为全部,图片后台可更改,点击跳转“05 商家列表”,筛选出所有门店

5、【商圈口碑排行】展示所有商圈的评分排行,展示字段:排名、商圈名、平均评分(商圈下所有门店的分数的平均分)。按平均评分倒序排序

6、【推荐商家】展示后台设置为推荐的商家,上滑加载更多数据,每次加载10条

(1)展示字段:封面图、商家名称(1行打点)、评分(所有买家的口味与包装的平均分)、月售(虚拟加实际)、距离(距离我当前的位置)、所属商圈、起送(显示单门店时起送费)、配送(显示单门店到我当前位置的费用,x0公里以内的,支付基础配送费x1元。大于x0公里的部分按每公里x2元算。不足一公里的进一取整)、已打烊(超出营业时间的展示此图片)。

(2)排序

(2.1)综合排序:发布时间倒序,默认以此排序进行排序。

(2.2)销量:月售倒序。

(2.3)附近商家:距离正序。

(3)点击单个门店跳转 06 商家详情。

(4)详情页返回时需要定位到进入详情时的列表位置处。

(5)无数据时展示“暂无内容”。

注:一个店会从属多种类型

2、当用户未点击授权位置时,点击任意地方跳转到18我的地址。这个判断在注册登录之后

3、底部导航购物车上的角标数字小程序原生上面数字无法展示,先隐藏掉

注册登录

1、此页通过点击首页任意操作进入。

2、左图展示“短信验证码登录”样式,未输入信息时,“登录”按钮呈左图灰色样式,已输入内容呈可点样式。

3、“请输入手机号”字段,只能输入11位纯数字。

4、“请输入验证码”字段,只能输入4位纯数字。

5、点击“获取验证码”按钮,手机号做正则验证且对接阿里云短信接口,按钮变带60s倒计时不可点击样式,60s倒计时后可再次点击。

6、点击“登录”按钮,判断当前用户是否授权,未授权用户弹出“03 微信授权”,已授权用户判断手机号、验证码正确性(手机号符合正则验证、验证码未使用、未过期且对应当前手机号),判断通过则返回上一页,未通过则弹出系统提示“手机号/验证码输入有误”。

7、“用户协议”点击跳转整页面富文本内容页,点击顶部“返回”按钮,可返回左图页。

微信授权

1、左图从“任意页面”点击任意地方进入“立即授权”

2、点击“立即授权”弹出微信授权,允许授权则进入相应入口,拒绝授权则取消当前浮层。

3、点击“暂不授权”取消当前浮层。

4、授权成功后,下次进入则无需授权。

注:判断用户未授权时进入

搜索

该页面板块分为:顶部条、历史搜索列表、热门搜索列表。

1、【顶部条】固定在屏幕顶部

(1)输入框未输入内容时不显示右侧叉号,输入内容后出现叉号。

(2)点击叉号清空所填内容。

(3)点击取消返回上级页面。

(4)搜索框:对门店名称及商品名称进行模糊搜索,支持回车搜索,搜索完成跳转“05 商家列表”,并筛选出满足筛选条件的门店。

2、【历史搜索列表】展示我的历史搜索,一次性展示,最多2行10个。

(1)展示字段为内容(1行打点)

(2)搜索时间倒序

(3)点击单个名称将该名称自动输入到顶部搜索框

(4)无数据时展示“暂无搜索内容”。

(5)点击“删除”按钮,确认框确认操作,提示“确认删除全部历史记录”,确认后清空所有历史记录并静默刷新页面。

3、【热门搜索列表】后台设置的热门搜索标签,一次性全部展示。

(1)展示字段为内容(超过宽度打点)

(2)添加时间倒序

(3)点击名称将该名称自动输入到顶部搜索框

(4)无数据时展示“暂无搜索内容”

商家列表+搜索商品

该页面板块分为:顶部条、门店列表。

1、【顶部条】固定在屏幕顶部。

对门店名称及商品名称进行模糊搜索,支持回车搜索,搜索完成在本页加载出结果,并筛选出满足筛选条件的门店。页面为带搜索条件进入时搜索框记录搜索关键字。

2、【商品列表】展示符合筛选条件的门店,上滑加载更多数据,每次加载10条

(1)展示字段:封面图、商家名称(1行打点)、评分(所有买家的口味与包装的平均分)、月售(虚拟加实际)、距离(距离我当前的位置)、所属商圈、起送(显示单门店时起送费)、配送(显示单门店到我当前位置的费用,x0公里以内的,支付基础配送费x1元。大于x0公里的部分按每公里x2元算。不足一公里的进一取整)、已打烊(超出营业时间的展示此图片)、商品列表(字段:商品图片、商品名称(超过一行打点)、商品价格)。

(2)排序

(2.1)综合排序:发布时间倒序,默认以此排序进行排序。

(2.2)销量:月售倒序。

(2.3)附近商家:距离正序。

(2.4)商圈口碑:按照门店所属商圈的总评分进行倒序排序。

(3)点击单个门店跳转 06 商家详情。

(4)详情页返回时需要定位到进入详情时的列表位置处。

(5)无数据时展示“暂无内容”。

注:一个店会从属多种类型

点餐-未添加商品

本页包含顶部条、门店信息、商品模块、购物车。

1、【顶部条】:

(1)展示所选地址,没有选择时默认当前用户所在位置,点击跳转到27 我的地址可添加与更改我的地址

(2)搜索按钮:点击后进入“07 搜索结果”。

(3)收藏按钮:点击后收藏,再次点击后取消收藏

2、【门店信息】

(1)展示字段:所属商圈、门店名称、公告(一行打点)、图片。

(2)点击公告弹出“06-6 商家详情-公告”浮层。

3、【商品模块】:包含商品分类、商品列表。

(1)点击“评价”进入“06-4 商家评价”,点击“商家”进入“06-5 商家详情-商家”。

(2)商品分类:固定在屏幕左侧,可上下滑动,超过固定宽度时打点展示。点击可切换列表内容,默认选择第一个分类。

(3)后台可对商品分类进行排序,商品上下滑动时,商品分类对应切换。同一商品可以隶属多个分类 。

(4)列表展示字段:图片、名称(两行打点)、简介(一行打点)、月售(虚拟加实际)、重量(纯字段,非必填,无功能)、配送值(后台设置,下单时判断所有商品配送值*数量累加,超出后台设置的范围弹框提示:“当前商品配送值超出最大限制xx”)、现价、原价(非必填)、增减数量按钮。

(5)增减数量按钮:所选商品为0时,不展示-号,所选商品大于库存时,弹窗提示:库存不足(1s后自动关闭)。

(6)商品未多规格时点击“选规格”打开“选择规格浮层”。

(7)无规格点击商品列表展开“08 商品详情”浮层,有规格的点击商品列表展开“09 选规格”

4、【购物车】上半部分展示“查看所有购物车”按钮,点击跳转“11 所有门店购物车”。

下半部分展示:

(1)未添加商品样式

搜索结果-点餐页

本页包含顶部条、商品列表、购物车。

1.【顶部条】固定在页面顶部

搜索框提示语为:搜索页搜索的关键词,点击后进入“搜索页”。

2.【商品列表】展示搜索页搜索的结果,字段、功能同“06 点餐”商品列表。搜索 的商品列表无内容时:展示无内容样式

选规格按钮上的2为购物车所有该商品的所有规格数量之和,点餐页也含此功能。

3. 【购物车】购物车和底部导航功能 样式同“06 点餐”。

商家详情-菜单-点击商品后

1.展示字段为:名称、图片、月售、标签、简介、价格、原价。

2.商品详情浮层点击叉号可关闭浮层,点击加入购物车时变为“+、-数量按量”,逻辑同商品列表。多规格时,“加入购物车按钮”为选规格。点击后打开选规格浮层。

选规格

1、点击灰色区域关闭浮层

2、展示字段为规格组(无规格时不展示,默认选择每个规格组的第一个规格)、已选规格,“、”隔开,单价、原价(每个规格的价格不一致)、加入购物车按钮

3、二级列表展示商品规格项和规格,过长时在固定区域内滑动展示。所有规格项为单选,不支持取消选中,必填,

4、点击“加入购物车”,按钮变为“+、-”商品数量按钮,且选择数量为1,数量-到0时,恢复为“加入购物车按钮”。

外卖-购物车

1、展示当前所选所有商品的总数量、总价(不含配送费)、配送费(单门店配送费)、差x元起送(已达到起送价时,为去结算按钮,点击后进入“下单页”)。

2、商品未营业且不可预定时为“未营业样式”,且不可点击。

3、已添加商品时点击礼物盒图标打开/收起“展开购物车浮层”。

4、“展开购物车浮层”展示字段为:商品名称(超过固定宽度打点显示)、规格、单价、配送值。

5、购物车浮层,点击灰色区域可关闭浮层,点击清空购物车可清空购物车,加减符号可更改商品数量,商品数量为0时,移除购物车,所有商品数量都为0时,关闭当前浮层。

注:底部配送值展示(当前值/最大值),点击问号弹出“06-8 配送值说明”

所有门店购物车

1、用户可在门店详情将商品加入购物车。

2、加入进购物车的商品可点击“编辑”按钮对商品执行删除操作。

3、编辑后,点击“完成”回到结算状态。

4、结算状态时,可对“购物车”中的商品进行全选及结算操作。

5、操作已勾选加减数量时,商品价格不变动,仅底部“合计”价格变。

6、库存不足的商品结算时提示“XXX商品库存不足啦”!

7、“一键结算”按钮上的3个商家,统计已勾选商家数。

8、单个门店下可点击结算,点击后结算的是单个门店。

9、点击“结算”跳转“12 多店统一结算”。

10、多个门店结算时只可结算同一个商圈的

11、点击进入门店跳转到“06 点餐”

12、不满起送规则时点击“结算”与“一键结算”都会弹框提示。

13、门店下所有商品下方展示该门店的三个起送价格

注:1、单门店结算按钮,点击时会判断当前门店内所勾选的商品是否达到起送价格,如未达到,则弹框提示“起送价不足”

2、多门店结算时,至少要有一个门店需要满足准配送额度,所有门店才能够一起结算,如果不满足,点击一键结算弹框提示:“至少要有一个门店需要满足标准配送额度”

3、下单时判断所有商品配送值*数量累加,超出后台设置的范围弹框提示:“当前商品配送值超出最大限制xx”

4、底部配送值展示(当前值/最大值),点击问号弹出“06-8 配送值说明”

多店统一结算

该页面板块分为:地址选择、配送时间、商品展示、配送费、底部条。

1、【地址选择】展示用户默认地址,点击进入18 我的地址。选择不同地址需要刷新运费。

2、【配送时间】默认为立即送出,立即送出为下单后40分钟送达,点击跳转“12-1 配送时间浮层”

3、【商品展示】调取需要购买的商品信息及门店名称,此处不可点击跳转商品详情。一个门店超出2种商品时只展示2种,点击全部可看见所有,点击收起会折叠隐藏。商品列表下展示小计。可给商家备注。

4、【配送费】根据后台设置的参数计算出当前配送费。点击问号弹出“配送费说明”。配送规则见“门店抽佣及配送费配置说明”

5、【底部条】展示应付金额,应付=商品费用+配送费用,点击“去付款”调支付功能,实现支付成功后跳转“13 我的订单”页。

我的订单

该页面板块分为:顶部条、订单列表。

1、【顶部条】

(1)状态写死,默认选中全部,点击切换不同状态的订单。

(2)订单状态共分为待支付、待商家接单、待骑手接单、骑手已接单、已送达、待评价、已完成、退款中、退款成功、已取消10种。

2、【订单列表】筛选出不同状态的订单,上滑加载更多数据,每次加载10条

(1)展示字段为交易单号、状态、门店图片、门店名称、门店相关状态及按钮(除去待支付、待商家接单,其他状态都有联系商家按钮。待骑手接单、骑手已接单会显示商家他们自己订单的制作完成状态)、商品列表(展示字段:商品图片、商品名称。最多展示2个,多余2个的列表右边有三个点。)、价格、购买数量)、合计、配送费、操作按钮

(2)创建时间倒序。

(3)点击单个订单跳转:14 订单详情

(4)详情页返回时需要定位到进入详情时的列表位置处。无数据时展示“暂无订单”。

(5)状态

(5.1)待支付:后台设置下单后过X分钟自动取消订单。可取消订单(确认框确认操作,页面刷新)和去支付(调起微信支付)。

(5.2)待商家接单:申请退款(点击跳转到15 申请退款,无商家接单时,直接审核通过,订单状态变为退款成功。有商家接单时,订单状态变为退款中,等待后台审核,后台审核通过,变为退款成功,后台审核不通过变为待商家接单)。此订单状态x分钟无人接单,会给用户发送一个服务通知和短信。后台可自行更改此服务通知“温馨提示”字段内容。后台可设置x分钟无人接单,会自动取消订单。

(5.3)待骑手接单:无任何可操作按钮

(5.4)骑手已接单:可联系骑手(一键拨号)

(5.5)已送达:可确认送达(确认框确认操作,页面刷新),可联系骑手(一键拨号),20分钟之内用户未点确认送达,自动变为待评价

(5.6)待评价:可删除订单(确认框确认操作,页面刷新),去评价(跳转16 评价)。

(5.7)已完成:可删除订单(确认框确认操作,页面刷新)

(5.8)退款中:无任何可操作按钮

(5.9)退款成功:可删除订单(确认框确认操作,页面刷新)

(5.10)已取消:可删除订单(确认框确认操作,页面刷新)

(6)状态关联其他

(6.1)下单即减少产品库存

(6.2)确认送达后增加产品销量

(6.3)取消订单、退款后库存返还

(6.4)订单申请退款成功后金额原路返还

订单详情-待支付

该页面板块分为:顶部条、地址信息、商品信息、订单信息、底部条。

1、【顶部条】展示订单状态、订单编号。

2、【地址信息】展示姓名、手机号、地址。

3、【商品信息】展示字段为门店列表(门店图片、门店标题、商品列表(图片、名称、规格(没有不展示)、价格、购买数量)、备注。

4、【订单信息】展示配送费、实付款、下单时间、预定时间

5、【底部条】固定在屏幕底部,不同状态展示不同操作按钮。功能同“13 我的订单”操作按钮部分。

订单详情-待商家接单

该页面板块分为:顶部条、地址信息、商品信息、订单信息、底部条。

1、【顶部条】展示订单状态、订单编号。

2、【地址信息】展示姓名、手机号、地址。

3、【商品信息】展示字段为门店列表(门店图片、门店标题、接单状态、商品列表(图片、名称、规格(没有不展示)、价格、购买数量)、备注。

4、【订单信息】展示配送费、实付款、下单时间、预定时间

5、【底部条】固定在屏幕底部,不同状态展示不同操作按钮。功能同“13 我的订单”操作按钮部分。

订单详情-待骑手接单

该页面板块分为:顶部条、地址信息、商品信息、订单信息、底部条。

1、【顶部条】展示订单状态、订单编号。

2、【地址信息】展示姓名、手机号、地址。

3、【商品信息】展示字段为门店列表(门店图片、门店标题、制作状态、联系商家按钮(一键拨号)、商品列表(图片、名称、规格(没有不展示)、价格、购买数量)、备注)。

4、【订单信息】展示配送费、实付款、下单时间、预定时间

5、【底部条】固定在屏幕底部,不同状态展示不同操作按钮。功能同“13 我的订单”操作按钮部分。

订单详情-骑手已接单

该页面板块分为:顶部条、地址信息、商品信息、订单信息、底部条。

1、【顶部条】展示订单状态、订单编号。

2、【地址信息】展示姓名、手机号、地址。

3、【商品信息】展示字段为门店列表(门店图片、门店标题、制作状态、联系商家按钮(一键拨号)、商品列表(图片、名称、规格(没有不展示)、价格、购买数量)、备注)。

4、【订单信息】展示配送费、实付款、下单时间、预定时间

5、【底部条】固定在屏幕底部,不同状态展示不同操作按钮。功能同“13 我的订单”操作按钮部分。

订单详情-已送达

该页面板块分为:顶部条、地址信息、商品信息、订单信息、底部条。

1、【顶部条】展示订单状态、订单编号。

2、【地址信息】展示姓名、手机号、地址。

3、【商品信息】展示字段为门店列表(门店图片、门店标题、联系商家按钮(一键拨号)、商品列表(图片、名称、规格(没有不展示)、价格、购买数量)、备注)。

4、【订单信息】展示配送费、实付款、下单时间、预定时间、送达时间

5、【底部条】固定在屏幕底部,不同状态展示不同操作按钮。功能同“13 我的订单”操作按钮部分。

订单详情-待评价

该页面板块分为:顶部条、地址信息、商品信息、订单信息、底部条。

1、【顶部条】展示订单状态、订单编号。

2、【地址信息】展示姓名、手机号、地址。

3、【商品信息】展示字段为门店列表(门店图片、门店标题、联系商家按钮(一键拨号)、商品列表(图片、名称、规格(没有不展示)、价格、购买数量)、备注)。

4、【订单信息】展示配送费、实付款、下单时间、预定时间、送达时间

5、【底部条】固定在屏幕底部,不同状态展示不同操作按钮。功能同“13 我的订单”操作按钮部分。

订单详情-已完成

该页面板块分为:顶部条、地址信息、商品信息、订单信息、底部条。

1、【顶部条】展示订单状态、订单编号。

2、【地址信息】展示姓名、手机号、地址。

3、【商品信息】展示字段为门店列表(门店图片、门店标题、联系商家按钮(一键拨号)、商品列表(图片、名称、规格(没有不展示)、价格、购买数量)、备注)。

4、【订单信息】展示配送费、实付款、下单时间、预定时间、送达时间

5、【底部条】固定在屏幕底部,不同状态展示不同操作按钮。功能同“13 我的订单”操作按钮部分。

订单详情-退款中

该页面板块分为:顶部条、地址信息、商品信息、订单信息、底部条。

1、【顶部条】展示订单状态、订单编号。

2、【地址信息】展示姓名、手机号、地址。

3、【商品信息】展示字段为门店列表(门店图片、门店标题、联系商家按钮(一键拨号)、商品列表(图片、名称、规格(没有不展示)、价格、购买数量)、备注)。

4、【订单信息】展示配送费、实付款、下单时间、预定时间

5、【底部条】固定在屏幕底部,不同状态展示不同操作按钮。功能同“13 我的订单”操作按钮部分。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
小程序 外卖 达达 使用手册
客如云餐饮直播课热度不减 外卖运营话题直击餐企痛点
即时物流:一年送出300亿单的中国物流新江湖
你的外卖店铺到底哪里出了问题?让平台工具告诉你!
骑手超时有什么处罚,常见扣款问题与处罚比例,问题解决方案
中国营销传播网 > 文库 > 文章:年终到来,零售商忙什么?
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服