樓盤房源模板

房產圖冊

示例：雲棲灣 · 三期在售房源 · 戶型切換

幫我做一份樓盤在售房源頁，發成一個網頁連結給看房客戶：頁頭是樓盤名、一句寫給這位客戶的話、置業顧問、售樓處地址、交付時間，三個大數字賣點（離地鐵多少米、離公園多少米、得房率），旁邊一張樓盤區位插畫；接著是最重要的戶型一節：三個戶型做成標籤切換，每個戶型一張同一比例尺的平面圖，房間是可以點的色塊，點了高亮並顯示這間的面積和一句說明，切換戶型時有過渡動畫，電腦上平面圖放大在左、右邊列建面、套內、得房率、面寬、在售樓棟和參考總價；然後一個月供計算器（總價、首付比例、年利率、年限，按等額本息算出月供、首付、貸款額和總利息，可以一鍵帶入各戶型參考價）；再畫一張周邊配套示意圖（以樓盤為圓心畫距離圈，標出地鐵、學校、商場、公園、醫院，旁邊列出距離和步行時間）；然後一張在售樓棟表（樓棟、戶型、樓層、在售套數、單價區間、總價區間）；最後一張預約看房表單（戶型、日期時段、稱呼、手機號），提交後存到資料表，頁面上顯示一張預約確認。配色清爽，標題用宋體，少用底色塊、用細線分隔；手機上戶型圖佔滿寬、引數放在圖下面，表格改成一行一套。價格變了就更新同一個連結。

參考模板：先讀 https://space.24haowan.com/examples/sample-property-listing/agent.md ，照它的結構和版式做，內容全部換成我的；做成一個單檔案 HTML（樣式寫在頁面裡、不引用外部檔案，手機上好看），並提供 .html 檔案下載。
· 你有活頁工具（MCP）：用樣例 sample-property-listing 當底稿（list_examples key=sample-property-listing），發成活頁，先給我看預覽。
· 沒有活頁工具、但能發 HTTPS 請求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-property-listing ，把返回的預覽連結和認領連結給我（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-property-listing/agent.md 做一份我自己的「雲棲灣 · 三期在售房源」，發成活頁，先給我看預覽。

我的要求：幫我做一份樓盤在售房源頁，發成一個網頁連結給看房客戶：頁頭是樓盤名、一句寫給這位客戶的話、置業顧問、售樓處地址、交付時間，三個大數字賣點（離地鐵多少米、離公園多少米、得房率），旁邊一張樓盤區位插畫；接著是最重要的戶型一節：三個戶型做成標籤切換，每個戶型一張同一比例尺的平面圖，房間是可以點的色塊，點了高亮並顯示這間的面積和一句說明，切換戶型時有過渡動畫，電腦上平面圖放大在左、右邊列建面、套內、得房率、面寬、在售樓棟和參考總價；然後一個月供計算器（總價、首付比例、年利率、年限，按等額本息算出月供、首付、貸款額和總利息，可以一鍵帶入各戶型參考價）；再畫一張周邊配套示意圖（以樓盤為圓心畫距離圈，標出地鐵、學校、商場、公園、醫院，旁邊列出距離和步行時間）；然後一張在售樓棟表（樓棟、戶型、樓層、在售套數、單價區間、總價區間）；最後一張預約看房表單（戶型、日期時段、稱呼、手機號），提交後存到資料表，頁面上顯示一張預約確認。配色清爽，標題用宋體，少用底色塊、用細線分隔；手機上戶型圖佔滿寬、引數放在圖下面，表格改成一行一套。價格變了就更新同一個連結。

分享海報

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

下載海報

這份模板

賣房、租房、賣裝修套餐這類「一個專案裡有幾種戶型 / 幾種房型」要發給客戶看的：樓盤在售房源、公寓出租、民宿房型、樣板間介紹。記憶點是可以點的戶型平面圖，再配月供計算器、周邊配套和在售價格表，文末預約看房。只賣一類實物商品、按款式列圖和起訂量選 sample-product-catalog；給一個客戶出合作方案和報價選 sample-client-proposal；只介紹一個場所怎麼走、開放時間選 sample-visitor-guide。

頁面結構：樓盤概況 · 戶型 · 算算月供 · 周邊配套 · 在售樓棟 · 預約看房

頁內預約看房回寫資料表（原生表單 POST ./_data/visits），發布者用 list_data_rows 讀回
同一連結更新不變（每週調價、賣掉的樓棟在這一頁改）
閱讀回執（客戶在哪個戶型、月供那一節停得久）
微信卡片（share.title / share.desc）

發之前要備好：資料表 visits（列 name / phone / layout / date，append_open=true）：文末預約看房寫進這裡，發之前先用 set_data 建好；頁面不讀回這張表（裡面有客戶手機號），用 list_data_rows 看誰約了哪天；聯絡方式類資料表建議設 members_only=true 或口令可看：頁面讀回會把已過審的行返回給每位讀者（官方示例成品就是 members_only，訪客的提交不會入表）

看模板原始碼 ›

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

樓盤房源模板

同類案例