在日常运营外卖小程序的过程中，很多商家都会遇到一个共同的问题：想要让用户点击某个入口后跳转到指定页面，却不知道该填什么路径。比如在公众号菜单里加一个”点外卖”按钮，或者制作一张推广海报让用户扫码直接进入秒杀活动页，这些场景都需要用到小程序的页面路径。
本文将系统梳理海狐外卖小程序中常用的页面路径，并按照使用场景进行分类，帮助你快速找到需要的跳转链接。
一、为什么需要了解小程序页面路径
在以下几个常见场景中，页面路径是必不可少的配置项：
配置公众号菜单
当你在公众号后台设置自定义菜单时，如果想让用户点击菜单直接进入小程序的某个页面，就需要填写对应的小程序页面路径。比如”我的订单”菜单对应的路径是 /system-page/order/index。
制作推广物料
无论是生成带参数的小程序码海报，还是在短信推送中嵌入小程序链接，都需要指定目标页面路径。例如你想让用户扫码直接进入某家店铺的页面，就需要用到店铺详情页的路径加上对应的门店ID参数。
设置底部导航与首页模块
在配置小程序首页的快捷入口、底部导航栏或者轮播图跳转时，页面路径决定了用户点击后去往哪里。比如把”秒杀活动”放在首页显眼位置，就需要配置秒杀页面的路径。
短信与模板消息跳转
给用户发送订单状态提醒短信或订阅消息时，通常会在消息中附上一个”查看详情”的链接，这个链接同样需要页面路径来定位到具体的订单详情页。
二、常用页面路径分类汇总
以下按照功能模块分类整理，方便你根据实际需求快速查找。
用户基础页面
| 页面功能 | 页面路径 |
|---|---|
| 小程序首页 | /pages/index/index |
| 用户登录页 | /user-info-page/login/login |
| 个人中心 | /user-info-page/user-info/index |
| 系统设置 | /system-page/system-setting/index |
| 消息通知 | /circle-page/news/index |
| 帮助中心 | /system-page/help-center/index |
| 帮助中心详情 | /system-page/help-center/detail |
商家与商品相关页面
| 页面功能 | 页面路径 |
|---|---|
| 商家分类列表 | /store-page/store-list/index?cid=xx |
| 商家详情页（普通） | /store-page/product-showcase/template-1?sid=xx |
| 商家详情页（新版） | /pages/index/pages/template-1?sid=xx&system_brand_id=xxx&delivery_type=xx |
| 商品详情页 | /store-page/goodsDetail/index?sid=xxx&id=xxx |
| 品牌优选列表 | /store-page/brand-list/index |
| 门店会员码 | /user-info-page/user-info/qrCode?brand_id=xxx |
其中 delivery_type 参数的含义：1 表示外卖配送，2 表示到店自取。
订单与支付相关页面
| 页面功能 | 页面路径 |
|---|---|
| 购物车 | /order-page/shopping-cart/index |
| 提交订单（结算页） | /order-page/submit-order/index?sid=xx |
| 订单详情 | /order-page/takeout-order-detail/index?id=xx |
| 订单评价 | /order-page/appraise-order/index?id=xx |
| 我的订单列表 | /system-page/order/index |
| 当面付收银 | /plugin-page/paybill/index?sid=xx |
| 抖音核销 | /order-page/write-off/index |
营销与活动页面
| 页面功能 | 页面路径 |
|---|---|
| 商品秒杀 | /plugin-page/seckill/seckill |
| 神价格（限时秒杀推广） | /store-page/god-price-list/index |
| 套餐红包/超级会员 | /user-info-page/becomeMember/becomeMember |
| 超级VIP | /user-info-page/becomeMember2/becomeMember2 |
| 天降红包 | /plugin-page/redpacket/index |
| 分享红包 | /plugin-page/sharepacket/index?id=分享红包id |
| 领券中心 | /plugin-page/ticket/index?index=xx |
| 拼好饭 | /plugin-page/eatmerge/index |
| 抽奖助手 | /draw-page/index |
| 社群接龙 | /jielong-page/index/index |
跑腿与本地生活页面
| 页面功能 | 页面路径 |
|---|---|
| 万能跑腿 | /plugin-page/errander/index?pageId=xx |
| 取送件 | 同跑腿页面，按后台配置的场景显示 |
| 校园墙首页 | /circle-page/home/index |
| 校园墙笔记详情 | /circle-page/detail/index?id=xx |
| 二手市场首页 | /market-page/home/index |
| 二手商品详情 | /market-page/product/detail |
| 校园资讯 | /plugin-page/school-news/index |
酒店与票务页面
| 页面功能 | 页面路径 |
|---|---|
| 酒店预约页 | /tour-page/shop/shop |
| 酒店详情页 | /tour-page/detail/index?store_id=xx |
| 票务首页 | /ticket-page/ticket/index |
| 票务详情页 | /ticket-page/ticket/detail |
会员与资产页面
| 页面功能 | 页面路径 |
|---|---|
| 余额明细 | /system-page/balance-list/index |
| 余额充值 | /system-page/balance-recharge/index |
| 门店储值 | system-page/balance-recharge/index.html?sid=xxx |
| 我的收藏 | /system-page/faviate/index |
| 收货地址列表 | /system-page/address-list/index |
| 新增/编辑地址 | /system-page/add-address/index?id=xx |
| 积分商城 | /supermall-page/supermall-home/index |
| 积分商城订单详情 | /supermall-page/order-detail/index |
| 分销中心 | /spread-page/spread/index |
| 推广海报 | /spread-page/spread/poster |
投票与活动页面
| 页面功能 | 页面路径 |
|---|---|
| 投票活动首页 | /vote-page/activity/index |
| 活动报名 | /vote-page/activity/sign-up |
| 活动排行榜 | /vote-page/activity/ranking |
| 活动介绍 | /vote-page/activity/intro |
| 投票选手详情 | /vote-page/activity/player |
其他特色功能页面
| 页面功能 | 页面路径 |
|---|---|
| 团购门店页 | /store-page/groupBuyingFood/groupBuyingFood?sid=xxx |
| 团购券详情 | /plugin-page/tuangouquan/detail?sid=xxxx&id=xxxx |
| 免费团购券领取 | /plugin-page/tuangouquan/couponCenter/list |
| 回收模块 | /plugin-page/recycling/submitGoods |
| 订桌 | /store-page/booking/booking?sid=xxx |
| 开票助手 | /plugin-page/invoice/order_invoicing |
| 自助餐订单 | /tray-page/order/tray-order-list |
第三方优惠接口页面
如果你的平台接入了第三方优惠API，还可以使用以下页面：
| 页面功能 | 页面路径 |
|---|---|
| 优惠电影票 | /cinema-page/index |
| 优惠点餐集合 | /store-page/linkage/linkpage?brand=xxx |
其中 brand 参数对应的品牌缩写：mcdonalds（麦当劳）、lk（瑞幸）、sbk（星巴克）、kfc（肯德基）、cot（库迪）、nx（奈雪）、tas（塔斯汀）。
三、页面路径中的参数怎么填
上面的路径中，很多地方带有 ?sid=xx 或 ?id=xx 这样的参数，这些参数需要根据你的实际情况填写：
sid：门店ID，可以在后台门店管理中找到对应数字id：商品ID或订单ID等，根据具体页面含义确定cid：分类ID，用于商家分类列表页system_brand_id：品牌连锁门店的品牌IDdelivery_type：配送类型，1为外卖配送，2为到店自取
一个完整的示例：如果你想让用户进入ID为 1234 的门店的外卖页面，路径应该是：
/pages/index/pages/template-1?sid=1234&delivery_type=1四、常见问题（FAQ）
Q1：我在公众号菜单里配置小程序跳转，提示”页面路径不正确”怎么办？
首先检查路径是否以 / 开头，其次确认路径中是否有拼写错误。如果路径包含参数（比如 ?sid=1234），确保参数值是有效的数字。如果不确定，可以先尝试用不带参数的基础路径测试，比如 /pages/index/index。
Q2：我想让用户扫码直接进入某家店铺，应该怎么配置？
使用商家详情页路径加上门店ID即可。标准格式为 /pages/index/pages/template-1?sid=门店ID&delivery_type=1。在后台的”小程序码生成”功能中，选择”指定页面”并填入这个路径即可生成对应的扫码海报。
Q3：为什么同一个店铺有两种不同的页面路径？
海狐外卖系统支持多种店铺页面样式。/store-page/product-showcase/template-1 是经典样式，/pages/index/pages/template-1 是新版通用样式，/store-page/template-skyline/template-skyline 是天空线特效样式。建议优先使用新版通用路径，兼容性更好。
Q4：配置路径时，参数前面的 ? 和 & 怎么区分？
路径和第一个参数之间用 ? 连接，多个参数之间用 & 连接。例如 /store-page/product-showcase/template-1?sid=1234&cid=10&delivery_type=1。只有一个参数时只需要一个 ?。
Q5：H5网页端的路径和小程序路径一样吗？
H5端的路径结构类似，但需要在前面加上域名前缀。格式为 https://你的域名/h5/#/页面路径。例如H5首页是 https://你的域名/h5/#/pages/index/index。公众号网页跳转时需要使用这种完整格式。
五、相关功能推荐
如果你在配置页面跳转的过程中，还需要用到以下功能，可以点击查看详细教程：
- 【店内扫码点餐】 快速导入桌台和生成空码，让顾客到店扫码即可点餐
- 【页面装修】如何自定义编辑首页 在首页配置快捷入口模块，把秒杀、优惠券等活动放在显眼位置
- 【我要推广】分销使用设置使用教程 配置推广海报，让用户分享赚取佣金
如果你在配置过程中遇到本文未覆盖的问题，欢迎联系海狐科技客服获取技术支持。