預約服務區：把 Calendly 直接收進自己的網站

TL;DR

• 預約服務區是 DB-driven：直接讀你在後台建立的服務項目，展示與預約永遠同步。
• 訪客在同一個頁面完成「瀏覽 → 選時間 → 填資料 → 成功」，不會跳到外部工具。
• 整合會員系統：已登入會員自動預填資料，未登入訪客也能預約。
• 每筆預約自動寄確認信、寫入後台，你可以一鍵確認/取消/完成。
• 可替代 Calendly + Google Forms + Email，一個模組搞定。

---

為什麼不直接用 Calendly？

Calendly 很強，但它有個致命問題：訪客被導到 calendly.com，就離開你的網站了。你失去的不只是品牌一致性，還有：

• 分析工具（GA4）斷點，無法追蹤完整轉換漏斗。
• 無法自動把預約者變成會員，下次還是新客。
• 顧客之後要改約，得翻信箱找 Calendly 連結。

AHHA 的預約服務區把整條流程嵌在你自己的網址下——預約數據、會員資料、訂閱名單全部留在你的平台。

---

哪些產業最適合

高度仰賴「預約制」的行業，預約服務區幾乎是必開模組：

• 美容健康：美容工作室、spa、整骨、皮膚科。
• 專業服務：心理諮商、律師諮詢、會計師、顧問。
• 運動教學：健身教練、瑜珈私教、舞蹈私人課。
• 醫療診所：牙醫、中醫、復健、物理治療。
• 寵物照護：寵物美容、獸醫、寵物旅館。

如果你是零售型（賣實體商品為主）或純展示型（設計公司作品集）品牌，建議改用 Service List——那是靜態服務列表，沒有預約按鈕，適合「先讓客戶認識服務，再透過聯絡方式談」的流程。

---

設定流程快速看

1. 後台 → 預約項目：新增服務項目（名稱、時長、價格、說明）。
2. 後台 → 可用時段：設定每週幾、幾點到幾點開放預約。
3. 頁面管理 → 加入「預約服務區」block：勾選要顯示的服務項目，標題可自訂。
4. 網站前台自動出現：日曆 → 時段 → 表單 → 成功，整條流程現成可用。

---

編輯器重點欄位

• 標題 / 副標：例如「立即預約諮詢」、「選擇你想要的服務」，建議帶動詞。
• 服務項目清單：DB-driven，不需在 block 內手動填——改後台的服務項目就會同步更新。
• 提示文字：可在編輯器看到「此區塊由服務項目資料驅動」的說明，這是正常的。

---

搭配會員系統的力量

當訪客在預約 widget 看到「已經有帳號？登入」的按鈕並登入後：

• 下次預約不用再填聯絡資訊，一鍵完成。
• 預約歷史統一收在 /member 儀表板。
• 你在後台會看到會員標記（vs 訪客預約），做回訪行銷更精準。

這也是為什麼 AHHA 把會員登入與預約做成原生整合，而不是兩套系統——每多一個註冊步驟，你就多流失一成轉換。

---

三個常見錯誤

1. 可用時段沒先設定：block 會顯示「暫無可預約時段」，訪客直接放棄。先去後台把下週的時段開滿。
2. 服務項目描述寫成一行：預約前訪客會想確認「這個服務包含什麼、不包含什麼」。描述寫清楚能大幅降低「約錯、要取消」的工作量。
3. 把 block 放在頁面最底：預約是轉換目標，該放在首頁折疊上緣或獨立「預約」頁的最頂端，不要讓訪客滑三螢才看到。

---

寫在最後

預約服務區不是「網站上的一個功能」，它是把訪客變成收入的最短路徑。模組已經把流程設計好了——你要做的只是把服務寫清楚、把時段開出來、把按鈕放對位置。

登入 AHHA 後台 → 預約項目建立服務 → 可用時段開放時間 → 頁面管理加入「預約服務區」block，今晚就可以接第一筆線上預約。