活页LivePage

同一个链接,手机、电脑、投屏都能打开,自动适配。

扫码菜单模板

餐饮图册

示例:巷口小馆 · 秋冬菜单 · 扫码菜单

帮我做一份贴在桌上扫码点菜的菜单网页:我开一家小馆子,秋冬菜单有招牌、热菜、凉菜、主食、饮品五类,十几道菜。页头是店名、地址、菜单名、供应日期、午市晚市时间和桌号(从二维码链接里带的桌号读);下面一行「今天点得最多」前三,读点单表现算;然后一条吸顶的分类横滑栏,滚动时高亮跟着走;每道菜一只俯视角的盘子插画(全用内联矢量图画,不用照片)、菜名、一句像店主说的介绍、辣度(几个小辣椒)、价格,招牌菜带一个「推荐」小印章,右边一个「+」,点了变成加减份数,加菜时一个小圆点飞进点菜单;手机上底部固定一条显示份数和合计,点开是清单,能改份数、选口味(少辣、不要香菜这类)、写备注、选桌号;电脑上三栏菜品网格,右边固定一栏点菜单。下单存到一张数据表(桌号、点了什么、合计、备注),提交后出一个大大的取餐号和小票。合计只按每道菜的价格现算。版式像杂志,标题用宋体,少用底色块,用细线分隔。以后调价、换季就更新同一个链接。

参考模板:先读 https://space.24haowan.com/examples/sample-restaurant-menu/agent.md ,照它的结构和版式做,内容全部换成我的;做成一个单文件 HTML(样式写在页面里、不引用外部文件,手机上好看),并提供 .html 文件下载。
· 你有活页工具(MCP):用样例 sample-restaurant-menu 当底稿(list_examples key=sample-restaurant-menu),发成活页,先给我看预览。
· 没有活页工具、但能发 HTTPS 请求:把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-restaurant-menu ,把返回的预览链接和认领链接给我(7 天临时链接)。
如果你还没有活页连接器(MCP),先读 https://space.24haowan.com/for-agents.md ,照里面的说明接入,或不登录直接发布。

豆包、DeepSeek、Kimi、元宝、ChatGPT、Claude……能上网读链接的都可以

看真页面
发成微信里能打开的链接

WorkBuddy、Claude、Codex 等支持 MCP 的 Agent,微信扫码登录

第一次在 WorkBuddy 里接活页?看图文手册 ›

帮我接入活页:先读 https://space.24haowan.com/for-agents.md ,一步步带我完成;然后参考 https://space.24haowan.com/examples/sample-restaurant-menu/agent.md 做一份我自己的「巷口小馆 · 秋冬菜单」,发成活页,先给我看预览。

我的要求:帮我做一份贴在桌上扫码点菜的菜单网页:我开一家小馆子,秋冬菜单有招牌、热菜、凉菜、主食、饮品五类,十几道菜。页头是店名、地址、菜单名、供应日期、午市晚市时间和桌号(从二维码链接里带的桌号读);下面一行「今天点得最多」前三,读点单表现算;然后一条吸顶的分类横滑栏,滚动时高亮跟着走;每道菜一只俯视角的盘子插画(全用内联矢量图画,不用照片)、菜名、一句像店主说的介绍、辣度(几个小辣椒)、价格,招牌菜带一个「推荐」小印章,右边一个「+」,点了变成加减份数,加菜时一个小圆点飞进点菜单;手机上底部固定一条显示份数和合计,点开是清单,能改份数、选口味(少辣、不要香菜这类)、写备注、选桌号;电脑上三栏菜品网格,右边固定一栏点菜单。下单存到一张数据表(桌号、点了什么、合计、备注),提交后出一个大大的取餐号和小票。合计只按每道菜的价格现算。版式像杂志,标题用宋体,少用底色块,用细线分隔。以后调价、换季就更新同一个链接。
分享海报

微信里长按图片保存或转发给朋友;扫码就能打开这个模板。

巷口小馆 · 秋冬菜单 的分享海报

下载海报

这份模板

小馆子、茶饮店、食堂、民宿早餐要一张贴在桌上的二维码菜单:客人扫开按分类看菜、点菜、写口味、直接下单,店里在数据表里收单,选它。菜价常调、季节换菜单也选它(链接不变,桌上的码不用重印)。要把产品、规格和价格发给批发客户询价选 sample-product-catalog;只收报名不算钱选 sample-event-signup。

页面结构:今天点得最多 · 招牌 · 热菜 · 凉菜 · 主食 · 饮品 · 点菜单

  • 页内下单写回数据表(原生表单 POST ./_data/orders 打底,脚本在时页内提交、就地出取餐号)
  • 页面读回今天的单,算「今天点得最多」前三
  • 同一链接更新不变(调价、换季节菜单后桌上的二维码不用重印),阅读回执看客人翻到了哪一类
  • 微信卡片(share.title / share.desc)

发之前要备好:数据表 orders(列 table / items / total / note,append_open=true):点菜单的「下单」写进这里(items 形如「巷口红烧肉×2、米饭×3」,total 是元),页面读回算「今天点得最多」;发布前先用 set_data 建好,打烊后可以把 append_open 关掉;每张桌子一个二维码,链接末尾带 ?table=07 这样的桌号(不带就默认 07,客人在点菜单里也能改)

看模板源码 ›

同类案例