LivePage

One link opens on phones, computers and big screens, and adapts to each.

课程招生页 template

EducationLanding pages

Example: 小树美术 · 冬季班招生 · 课表选课

帮我做一份兴趣班招生页,发成一个网页链接,发到家长群:页头是机构名、校区和「冬季班招生」,首屏一幅用 SVG 描边一笔笔画出来的插画,旁边列开课日期、年龄分班、小班人数、免费试听和报名截止;第一节是周课表,周一到周日横排、上午 / 午后 / 傍晚 / 晚上竖排,每节课写班级、课题、老师和余位,不同年龄段用不同颜色,上面能按年龄段筛选,点一节课在下面看这节做什么、老师、教室和一排表示名额的圆点,满了的提示同课题的其他时段,手机上改成一天一列横着滑、上面一排「一 二 三」能跳到那天;接着三张价格卡(按课时算单价,课时越多越便宜,总价和单价要对得上,中间那档标「多数家长选」)和停课、退费、续报、付款四条说明;然后一面学生作品墙(用 SVG 画几幅抽象画当示意,配题目、孩子小名和年龄)、老师介绍;最后是试听预约表单(孩子名字、年龄、想试听哪节、家长手机),提交后存进数据表,页面读回把那节课的余位减一,并出一张预约卡。颜色清爽,少用底色块;电脑上课表全宽排开。名额有变就更新同一个链接。

Reference template: first read https://space.24haowan.com/examples/sample-course-enroll/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-course-enroll as the base (list_examples key=sample-course-enroll), 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-course-enroll 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-course-enroll/agent.md as a reference to make my own "小树美术 · 冬季班招生", publish it on LivePage and show me the preview first.

My requirements: 帮我做一份兴趣班招生页,发成一个网页链接,发到家长群:页头是机构名、校区和「冬季班招生」,首屏一幅用 SVG 描边一笔笔画出来的插画,旁边列开课日期、年龄分班、小班人数、免费试听和报名截止;第一节是周课表,周一到周日横排、上午 / 午后 / 傍晚 / 晚上竖排,每节课写班级、课题、老师和余位,不同年龄段用不同颜色,上面能按年龄段筛选,点一节课在下面看这节做什么、老师、教室和一排表示名额的圆点,满了的提示同课题的其他时段,手机上改成一天一列横着滑、上面一排「一 二 三」能跳到那天;接着三张价格卡(按课时算单价,课时越多越便宜,总价和单价要对得上,中间那档标「多数家长选」)和停课、退费、续报、付款四条说明;然后一面学生作品墙(用 SVG 画几幅抽象画当示意,配题目、孩子小名和年龄)、老师介绍;最后是试听预约表单(孩子名字、年龄、想试听哪节、家长手机),提交后存进数据表,页面读回把那节课的余位减一,并出一张预约卡。颜色清爽,少用底色块;电脑上课表全宽排开。名额有变就更新同一个链接。
Share poster

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

Share poster for 小树美术 · 冬季班招生

Download poster

About this template

兴趣班、培训机构、工作室按周排课招生:家长要先看哪天几点有哪个班、还剩几个位子,再约试听,选它 —— 课表按年龄段筛、点一节看老师和余位,试听预约写回数据表后余位跟着减。只有一个班、一个开课时间、要当场收学费的,选 service-landing(平台表单 + 收款码);一次性的活动按场次收报名,选 sample-event-signup;学生自己每天打卡记进度,选 sample-study-plan。

Page structure:冬季班课表 · 课程与价格 · 孩子们的画 · 四位老师 · 预约试听

  • 可筛选的周课表(周一到周日 × 时段,按年龄段筛,点一节看老师和余位;手机上一天一列横着滑)
  • 页末试听预约(原生表单写进数据表 trials,页面读回后把对应课节的余位减掉,提交后就地出一张预约卡)
  • 名额、价格调整后更新同一条链接,家长群里那条不用重发

Prepare before publishing: 数据表 trials(列 child / age / slot / phone,append_open=true):文末试听预约写进这里,slot 是课节编号(如 sat-am-a),页面读回后把那节课的余位减掉;发布前先用 set_data 建好;联系方式类数据表建议设 members_only=true 或口令可看:页面读回会把已过审的行返回给每位读者(官方示例成品就是 members_only,访客的提交不会入表)

View template source ›

More like this