楼盘房源 template

Real estate Catalogs & company profiles

Example: 云栖湾 · 三期在售房源 · 户型切换

帮我做一份楼盘在售房源页，发成一个网页链接给看房客户：页头是楼盘名、一句写给这位客户的话、置业顾问、售楼处地址、交付时间，三个大数字卖点（离地铁多少米、离公园多少米、得房率），旁边一张楼盘区位插画；接着是最重要的户型一节：三个户型做成标签切换，每个户型一张同一比例尺的平面图，房间是可以点的色块，点了高亮并显示这间的面积和一句说明，切换户型时有过渡动画，电脑上平面图放大在左、右边列建面、套内、得房率、面宽、在售楼栋和参考总价；然后一个月供计算器（总价、首付比例、年利率、年限，按等额本息算出月供、首付、贷款额和总利息，可以一键带入各户型参考价）；再画一张周边配套示意图（以楼盘为圆心画距离圈，标出地铁、学校、商场、公园、医院，旁边列出距离和步行时间）；然后一张在售楼栋表（楼栋、户型、楼层、在售套数、单价区间、总价区间）；最后一张预约看房表单（户型、日期时段、称呼、手机号），提交后存到数据表，页面上显示一张预约确认。配色清爽，标题用宋体，少用底色块、用细线分隔；手机上户型图占满宽、参数放在图下面，表格改成一行一套。价格变了就更新同一个链接。

Reference template: first read https://space.24haowan.com/examples/sample-property-listing/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-property-listing as the base (list_examples key=sample-property-listing), 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-property-listing 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-property-listing/agent.md as a reference to make my own "云栖湾 · 三期在售房源", publish it on LivePage and show me the preview first.

My requirements: 帮我做一份楼盘在售房源页，发成一个网页链接给看房客户：页头是楼盘名、一句写给这位客户的话、置业顾问、售楼处地址、交付时间，三个大数字卖点（离地铁多少米、离公园多少米、得房率），旁边一张楼盘区位插画；接着是最重要的户型一节：三个户型做成标签切换，每个户型一张同一比例尺的平面图，房间是可以点的色块，点了高亮并显示这间的面积和一句说明，切换户型时有过渡动画，电脑上平面图放大在左、右边列建面、套内、得房率、面宽、在售楼栋和参考总价；然后一个月供计算器（总价、首付比例、年利率、年限，按等额本息算出月供、首付、贷款额和总利息，可以一键带入各户型参考价）；再画一张周边配套示意图（以楼盘为圆心画距离圈，标出地铁、学校、商场、公园、医院，旁边列出距离和步行时间）；然后一张在售楼栋表（楼栋、户型、楼层、在售套数、单价区间、总价区间）；最后一张预约看房表单（户型、日期时段、称呼、手机号），提交后存到数据表，页面上显示一张预约确认。配色清爽，标题用宋体，少用底色块、用细线分隔；手机上户型图占满宽、参数放在图下面，表格改成一行一套。价格变了就更新同一个链接。

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-product-catalog；给一个客户出合作方案和报价选 sample-client-proposal；只介绍一个场所怎么走、开放时间选 sample-visitor-guide。

Page structure：楼盘概况 · 户型 · 算算月供 · 周边配套 · 在售楼栋 · 预约看房

页内预约看房回写数据表（原生表单 POST ./_data/visits），发布者用 list_data_rows 读回
同一链接更新不变（每周调价、卖掉的楼栋在这一页改）
阅读回执（客户在哪个户型、月供那一节停得久）
微信卡片（share.title / share.desc）

Prepare before publishing: 数据表 visits（列 name / phone / layout / date，append_open=true）：文末预约看房写进这里，发之前先用 set_data 建好；页面不读回这张表（里面有客户手机号），用 list_data_rows 看谁约了哪天；联系方式类数据表建议设 members_only=true 或口令可看：页面读回会把已过审的行返回给每位读者（官方示例成品就是 members_only，访客的提交不会入表）

View template source ›

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

楼盘房源 template

More like this