LINE Official Account · @281eswym

一個聊天室,兩種身分。

房東與房客各有一組六宮格。加好友即是房東版;一鍵切換,房客看到的是報修、繳租與合約。

Rich Menu · 2500 × 1686 01 — Two menus, one account

六宮格,各司其職。

左側是兩張選單的原寸設計,每格標出 LINE 的動作類型;右側手機可以直接點。LIFF 在聊天室內升起網頁,URI 開啟官網,Message 送出文字,Postback 由伺服器回覆或切換選單。

房東版 Owner · Default

預設選單
LIFF 網頁URI 官網Message 文字Postback 伺服器

房客版 Tenant

切換後顯示
LIFF 網頁URI 官網Message 文字Postback 伺服器
9:41
禾大屋管 HODA

點選單格子看回覆;在輸入框打「報修」「繳租」「找房」試關鍵字回覆。

Mechanism 02 — How the two menus switch

切換,不等伺服器。

01 · 預設

加好友 → 房東版

房東版設為帳號預設 Rich Menu(setDefaultRichMenu)。所有新好友第一眼看到免費評估與服務方案;歡迎訊息同時附上會員綁定卡。

02 · 切換

第六格 → richmenuswitch

兩張選單各綁一個 alias(richmenu-alias-owner/-tenant)。第六格使用 richmenuswitch 動作,LINE 端即時替換選單,不需往返伺服器;夾帶的 data 仍會以 postback 送到後台,用來記錄身分。

03 · 綁定

會員綁定後 → 鎖定身分

完成 LIFF 會員綁定後,後台以 linkRichMenuIdToUser 把該使用者固定到對應選單;之後重新加好友、換手機都維持同一身分。房東兼房客者仍可用第六格手動切換。

JSONRich Menu 物件(LINE Messaging API)
Greeting & Keywords 03 — Welcome message and keyword replies

第一句話,像管家。

歡迎訊息 Greeting

禾
禾大屋管 HODA
禾

關鍵字回覆 Keywords

關鍵字回覆
未命中的訊息統一回覆「已收到,管家會盡快回覆」,並在後台「LINE OA 管理」列為待處理。
Flex Message 04 — Push cards

三張卡,推播與回覆共用。

卡片沿用官網的字體與霧銅線,放在 LINE 的深色氣泡裡也成立。按鈕直接開 LIFF,把人留在聊天室內完成動作。

新物件推播卡新物件上架時推給有收藏同區的房客;按鈕進「預約看房」。
繳租提醒卡每月繳款日前三天自動推播;入帳後回覆收據卡。
工單進度卡工單每變更一次狀態就推播一次;48 小時內一定有第一次回報。
LIFF Pages 05 — Six pages inside the chat

不離開 LINE,就把事辦完。

每頁可單獨開啟(新分頁),也可點「手機內開啟」在上方 mockup 的 LIFF webview 中操作。送出後會以 liff.sendMessages 把摘要回到聊天室並關閉。