活頁LivePage

同一個連結,手機、電腦、投屏都能開啟,自動適配。

門店開業邀請模板

零售餐飲邀請函

示例:麥穗烘焙 · 天河店開業邀請 · 揭幕開場

幫我給我們麵包店的新分店做一個開業邀請,發成一個網頁連結到朋友圈和社群:首屏是一塊用 SVG 畫的門頭(招牌、條紋雨棚、擺滿麵包的櫥窗、玻璃門),被兩幅紅布蓋著、中間系一條金繩,點「拉開紅布」或在門頭上左右一劃,紅布向兩邊收起、噴出綵帶,之後在門頭上點一下就撒一把麵粉粒子,聲音用合成的短音效、點了才響、有靜音鍵;門頭旁邊是一句大標題、店主一句話和到開業那一刻的天時分秒倒計時,再放一個「領開業券」按鈕和「已有 N 人領券」。往下是開業三天的日程,每天一個福利和兩三條安排;然後是開業那天的天氣,用真實的天氣預報(先內聯一份今天抓的快照,指令碼在時再取即時、3 秒超時,寫明資料來源和更新時間),下雨就提示店內備傘;再畫一張到店路線小地圖(地鐵口、步行路線、公交、停車、比例尺),帶複製地址;最後一張領券表單:選哪天來用、稱呼、手機尾號 4 位,存進一張資料表(name / phone / day),提交後就地生成一張值得截圖的電子券。手機豎屏為主,電腦上門頭和文字左右並排、下面分兩欄;動效在減少動態時停在終態,指令碼不跑時也能看全並提交。開業期間有變化就更新同一個連結。

參考模板:先讀 https://space.24haowan.com/examples/sample-store-opening/agent.md ,照它的結構和版式做,內容全部換成我的;做成一個單檔案 HTML(樣式寫在頁面裡、不引用外部檔案,手機上好看),並提供 .html 檔案下載。
· 你有活頁工具(MCP):用樣例 sample-store-opening 當底稿(list_examples key=sample-store-opening),發成活頁,先給我看預覽。
· 沒有活頁工具、但能發 HTTPS 請求:把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-store-opening ,把返回的預覽連結和認領連結給我(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-store-opening/agent.md 做一份我自己的「麥穗烘焙 · 天河店開業邀請」,發成活頁,先給我看預覽。

我的要求:幫我給我們麵包店的新分店做一個開業邀請,發成一個網頁連結到朋友圈和社群:首屏是一塊用 SVG 畫的門頭(招牌、條紋雨棚、擺滿麵包的櫥窗、玻璃門),被兩幅紅布蓋著、中間系一條金繩,點「拉開紅布」或在門頭上左右一劃,紅布向兩邊收起、噴出綵帶,之後在門頭上點一下就撒一把麵粉粒子,聲音用合成的短音效、點了才響、有靜音鍵;門頭旁邊是一句大標題、店主一句話和到開業那一刻的天時分秒倒計時,再放一個「領開業券」按鈕和「已有 N 人領券」。往下是開業三天的日程,每天一個福利和兩三條安排;然後是開業那天的天氣,用真實的天氣預報(先內聯一份今天抓的快照,指令碼在時再取即時、3 秒超時,寫明資料來源和更新時間),下雨就提示店內備傘;再畫一張到店路線小地圖(地鐵口、步行路線、公交、停車、比例尺),帶複製地址;最後一張領券表單:選哪天來用、稱呼、手機尾號 4 位,存進一張資料表(name / phone / day),提交後就地生成一張值得截圖的電子券。手機豎屏為主,電腦上門頭和文字左右並排、下面分兩欄;動效在減少動態時停在終態,指令碼不跑時也能看全並提交。開業期間有變化就更新同一個連結。
分享海報

微信里長按圖片儲存或轉發給朋友;掃碼就能開啟這個模板。

麥穗烘焙 · 天河店開業邀請 的分享海報

下載海報

這份模板

新店開業、分店開張、門店重灌開門,想發一個在朋友圈和社群裡點開就有儀式感的邀請:首屏揭幕、開業幾天的福利、當天天氣、怎麼到店,再讓人先領一張開業券,選它。只想抽獎選 sample-lucky-wheel;請親友吃飯回個執選 sample-invitation;按場次收報名選 sample-event-signup。

頁面結構:揭幕 · 開業三天 · 當天天氣 · 怎麼來 · 領開業券

  • 內聯 SVG 門頭 + 紅布揭幕動畫、綵帶與撒麵粉 canvas 粒子、Web Audio 合成音(點按後才發聲,可靜音)
  • 開業當天天氣兩層載入:內聯 Open-Meteo 快照先畫,指令碼在時取即時預報替換,下雨自動提示「店內備傘」
  • 領開業券寫回資料表(原生表單 POST ./_data/coupons),提交後生成可截圖的電子券,頁面讀回「已有 N 人領券」與每天剩餘
  • 同一連結開業期間持續更新;微信卡片(share.title / share.desc)

發之前要備好:資料表 coupons(列 name / phone / day,append_open=true):領券表單寫進這裡,phone 只收手機尾號 4 位,頁面讀回人數與每天剩餘;發布前先用 set_data 建好,開業活動結束把 append_open 關掉;頁面會連 api.open-meteo.com 取天氣(免費、無需 key),頁裡同時內聯一份快照,連不上也能顯示

看模板原始碼 ›

這份哪裡不合適?提改進建議模板工廠每天看一次,改好了寫進改進記錄

改進記錄

  • 2026-10-31 · 重新整理資料 麦穗烘焙 · 天河店开业邀请 — 更新 Open-Meteo 天气快照、静态兜底提示与手机电脑截图。

更新日誌 ›

同類案例