外觀
入口與起始頁
這是客戶從 LINE 點進來看到的第一個畫面——也是你這家店在客戶手機上的「店面門口」。所有後續的服務瀏覽、預約、會員操作，都從這裡開始。本頁帶你拆解這個畫面、了解客戶可能怎麼走進來，以及兩種起始頁模式該怎麼選。
畫面有哪些東西？
對照上方截圖，從上到下：
| 區塊 | 用途 | 在哪裡設定 |
|---|---|---|
| 店家名稱 | 客戶第一眼看到的品牌字 | 系統設定 → 店家首頁 |
| 會員專區按鈕（右上角） | 點進去看自己的預約、點數、票券 | 自動顯示，無需設定 |
| 店家簡介文字 | 3-5 句講清楚你是做什麼的 | 系統設定 → 店家首頁 |
| 限時活動 🔥（底部抽屜） | 目前還在跑的優惠活動列表 | 活動列表 建立後自動帶入 |
| 「開始預約」大按鈕 | 點下去進入服務列表 | 永遠在底部，無法移除 |
問題：為什麼「開始預約」按鈕一定要釘在底部？
手機螢幕的「拇指可達區」是底部，不是頂部。把主要 CTA 釘在底部，不管客戶往下捲多遠都能直接點——這是行動端轉換率最高的設計慣例（Booking.com、Airbnb、Uber Eats 都這樣做）。
如果你發現轉換率比預期低，先別動文案、先看按鈕位置——這個按鈕的 visibility 比文字更重要。
客戶怎麼進到預約頁？
整個 ZenbuBooking 的客戶端都包在 LINE 官方帳號裡面——沒有獨立的 App、也不需要另一組帳密。
客戶走到預約頁的路徑大致有三種：
| 路徑 | 典型情境 |
|---|---|
| 點 LINE 官方帳號的「選單按鈕」 | 平常的回頭客 |
| 點你 LINE 推播訊息裡的連結 | 看到節慶優惠 / 回籠提醒 |
| 掃描你的 QR Code（店內貼紙、廣告素材） | 第一次來的新客 |
使用情境：第一次來的新客完整流程
陳小姐從 Facebook 廣告看到「免費 30 分鐘商業診斷」，點廣告：
- 跳到 LINE，看到官方帳號介紹頁
- 按「加入好友」
- LINE 把她帶進對話，顯示歡迎訊息「歡迎加入明鏡策略顧問 🎯」
- 訊息下方的選單有一個「立即預約」按鈕
- 點下去就直接開預約頁
從她點廣告到看到預約頁總共 4-5 步、花不到 10 秒。這個速度是 ZenbuBooking 相對其他預約平台最大的優勢——步驟越少，轉換率越高。
任何「希望潛在客戶能快速下手預約」的生意——諮商、律師、補習班、醫美、教練——都受益於這個無障礙流程。
起始頁客戶看到什麼？
這取決於你在 系統設定 有沒有開「開啟店家首頁」。
開啟店家首頁（建議新品牌用）
客戶會先看到你的品牌介紹：
- 店家名稱
- 店家介紹文字
- 主視覺（圖片或 YouTube 影片）
- 一顆「立即預約」按鈕（點下去才進服務列表）
問題：為什麼要先看店家介紹再到選服務？
對完全沒聽過你的新客而言，直接跳到「服務列表」會讓他猶豫：「這家是做什麼的？做得怎樣？」
先看到品牌介紹 → 對店家有基本印象 → 才做「要不要預約」的決定。這個順序讓轉換率通常比直接進列表高 10-20%。
注意事項：店家介紹要短、要有重點（3-5 句），不是寫論文。客戶沒耐心看完整個故事。
關閉店家首頁（回頭客多的店家）
客戶打開預約頁直接看到服務列表，少一步：
適合：
- 已經有品牌知名度（大家都知道你是做什麼的）
- 回頭客多（不需要再介紹自己）
- 追求「點進去就能馬上預約」的極簡體驗
切換給客戶體驗的兩種模式
問題：我要怎麼看我店家的客戶端真的長什麼樣？
兩種方式：
- 用 LINE 自己加自己：用你的私人 LINE 加店家官方帳號為好友，然後點選單測試一次
- 複製前台連結到瀏覽器：後台右上角有「前台連結」按鈕，複製 LIFF URL 到瀏覽器打開（非 LINE 內打開時會請你用 LINE 登入）
建議把這兩種路徑都實際走一次，每次你改了設定（服務、訊息、主視覺）就再走一次，確認客戶會看到的是你預期的樣子。
注意事項：LIFF URL 不能直接在瀏覽器打開（某些情況）
LIFF 是 LINE 的技術，嚴格上要在 LINE 內打開。直接貼到瀏覽器打開有時會要求 LINE 登入——這不是錯誤，是 LINE 的保護機制。
測試時的建議：用手機 LINE 實際操作一次，比瀏覽器測試更像真實用戶體驗。
起始頁的版面寬度
ZenbuBooking 的客戶端永遠用「手機尺寸」呈現，即使客戶在 iPad 或桌機瀏覽器打開，畫面也會被限制在 480px 寬置中顯示。
這是刻意設計的：
- 真實情境 95% 以上是手機（從 LINE 進來的）
- 統一寬度可以讓你在後台預覽時所見即所得
- 避免桌機開啟時內容被拉太寬、按鈕變奇怪
注意事項：別用瀏覽器全螢幕來判斷「畫面好不好看」
你看到的應該是「手機上長什麼樣」。如果想預覽，把瀏覽器視窗縮到 430px 寬（iPhone Pro Max 寬度）左右，或者直接用 DevTools 的行動裝置模擬。
最準的測試永遠是：拿你的手機從 LINE 點進去看一遍。