门店开业邀请 template

Retail Food & drink Invitations

Example: 麦穗烘焙 · 天河店开业邀请 · 揭幕开场

帮我给我们面包店的新分店做一个开业邀请，发成一个网页链接到朋友圈和社群：首屏是一块用 SVG 画的门头（招牌、条纹雨棚、摆满面包的橱窗、玻璃门），被两幅红布盖着、中间系一条金绳，点「拉开红布」或在门头上左右一划，红布向两边收起、喷出彩带，之后在门头上点一下就撒一把面粉粒子，声音用合成的短音效、点了才响、有静音键；门头旁边是一句大标题、店主一句话和到开业那一刻的天时分秒倒计时，再放一个「领开业券」按钮和「已有 N 人领券」。往下是开业三天的日程，每天一个福利和两三条安排；然后是开业那天的天气，用真实的天气预报（先内联一份今天抓的快照，脚本在时再取实时、3 秒超时，写明数据来源和更新时间），下雨就提示店内备伞；再画一张到店路线小地图（地铁口、步行路线、公交、停车、比例尺），带复制地址；最后一张领券表单：选哪天来用、称呼、手机尾号 4 位，存进一张数据表（name / phone / day），提交后就地生成一张值得截图的电子券。手机竖屏为主，电脑上门头和文字左右并排、下面分两栏；动效在减少动态时停在终态，脚本不跑时也能看全并提交。开业期间有变化就更新同一个链接。

Reference template: first read https://space.24haowan.com/examples/sample-store-opening/agent.md and follow its structure and layout, replacing all content with mine. Deliver one self-contained HTML file (styles inline, no external files, good on phones) and give me the .html file to download.
· If you have LivePage tools (MCP): use sample sample-store-opening as the base (list_examples key=sample-store-opening), publish it on LivePage and show me the preview first.
· No LivePage tools but you can send HTTPS requests: POST the finished HTML with Content-Type: text/html to https://space.24haowan.com/api/quick?client=template-sample-store-opening and give me the preview link and claim link it returns (a 7-day temporary link).
If you don't have the LivePage connector (MCP) yet, read https://space.24haowan.com/for-agents.md first and follow it to connect, or publish without signing in.

Doubao, DeepSeek, Kimi, Yuanbao, ChatGPT, Claude… any agent that can read a link

View page

Publish as a link that opens in WeChat

WorkBuddy, Claude, Codex and other MCP agents; sign in by scanning with WeChat

Connecting LivePage in WorkBuddy for the first time? See the illustrated guide ›

Connect me to LivePage: first read https://space.24haowan.com/for-agents.md and walk me through it step by step; then use https://space.24haowan.com/examples/sample-store-opening/agent.md as a reference to make my own "麦穗烘焙 · 天河店开业邀请", publish it on LivePage and show me the preview first.

My requirements: 帮我给我们面包店的新分店做一个开业邀请，发成一个网页链接到朋友圈和社群：首屏是一块用 SVG 画的门头（招牌、条纹雨棚、摆满面包的橱窗、玻璃门），被两幅红布盖着、中间系一条金绳，点「拉开红布」或在门头上左右一划，红布向两边收起、喷出彩带，之后在门头上点一下就撒一把面粉粒子，声音用合成的短音效、点了才响、有静音键；门头旁边是一句大标题、店主一句话和到开业那一刻的天时分秒倒计时，再放一个「领开业券」按钮和「已有 N 人领券」。往下是开业三天的日程，每天一个福利和两三条安排；然后是开业那天的天气，用真实的天气预报（先内联一份今天抓的快照，脚本在时再取实时、3 秒超时，写明数据来源和更新时间），下雨就提示店内备伞；再画一张到店路线小地图（地铁口、步行路线、公交、停车、比例尺），带复制地址；最后一张领券表单：选哪天来用、称呼、手机尾号 4 位，存进一张数据表（name / phone / day），提交后就地生成一张值得截图的电子券。手机竖屏为主，电脑上门头和文字左右并排、下面分两栏；动效在减少动态时停在终态，脚本不跑时也能看全并提交。开业期间有变化就更新同一个链接。

Share poster

In WeChat, long-press the image to save or forward it. Scanning the code opens this template.

Download poster

About this template

新店开业、分店开张、门店重装开门，想发一个在朋友圈和社群里点开就有仪式感的邀请：首屏揭幕、开业几天的福利、当天天气、怎么到店，再让人先领一张开业券，选它。只想抽奖选 sample-lucky-wheel；请亲友吃饭回个执选 sample-invitation；按场次收报名选 sample-event-signup。

Page structure：揭幕 · 开业三天 · 当天天气 · 怎么来 · 领开业券

内联 SVG 门头 + 红布揭幕动画、彩带与撒面粉 canvas 粒子、Web Audio 合成音（点按后才发声，可静音）
开业当天天气两层加载：内联 Open-Meteo 快照先画，脚本在时取实时预报替换，下雨自动提示「店内备伞」
领开业券写回数据表（原生表单 POST ./_data/coupons），提交后生成可截图的电子券，页面读回「已有 N 人领券」与每天剩余
同一链接开业期间持续更新；微信卡片（share.title / share.desc）

Prepare before publishing: 数据表 coupons（列 name / phone / day，append_open=true）：领券表单写进这里，phone 只收手机尾号 4 位，页面读回人数与每天剩余；发布前先用 set_data 建好，开业活动结束把 append_open 关掉；页面会连 api.open-meteo.com 取天气（免费、无需 key），页里同时内联一份快照，连不上也能显示

View template source ›

Something missing here? Suggest an improvementThe template factory checks daily and logs every improvement

Improvement history

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

Changelog ›

门店开业邀请 template

More like this