如何在 Workspace369 中設定您的線上預約頁面
若要在 Workspace369 中設定您的線上預約頁面，請開啟「設定」，再開啟「日曆與預約」下的「預約頁面」，然後點選「新頁面」。為頁面取一個客戶會看到的名稱，連結會隨之更新。在「風格」下選擇一種風格和品牌色：顏色、字型和版面配置，一鍵完成。預覽會完整呈現客戶將看到的樣子。在「服務」下關閉不想出現在頁面上的項目，並透過「預約規則」立即確認預約，或先逐一核准申請。點選「建立頁面」後，「分享與嵌入」會提供連結、QR 碼，或將頁面放到您網站上的方法。客戶選擇服務、選擇日期和時間、填入資料即可完成預約，不需要帳戶。
您將學到的內容
- 如何在「設定」中開啟「預約頁面」並建立新頁面
- 如何為頁面命名並選擇風格和品牌色
- 如何選擇客戶可以在頁面上預約哪些服務
- 如何立即確認預約，或先逐一核准申請
- 如何透過連結、QR 碼或在您的網站上分享頁面
- 客戶選擇服務並預約時間時看到的畫面
常見問題
如何在 Workspace369 中設定線上預約頁面？
開啟「設定」，在「日曆與預約」下開啟「預約頁面」。點選「新頁面」，取一個客戶會看到的名稱，並選擇風格。在「服務」下關閉不想出現在頁面上的項目，設定預約規則，然後點選「建立頁面」。#
我可以讓預約頁面符合我的品牌嗎？
可以。在「風格」下選擇一種風格，一鍵設定顏色、字型和版面配置，再選擇品牌色。在您建立頁面之前，預覽就會完整呈現客戶將看到的樣子。#
我必須核准每一筆預約嗎？
不必，由您決定。「預約規則」可讓您立即確認預約，或先逐一核准申請。每個預約頁面都是讓客戶預約的不同方式，而且您可以建立多個頁面。#
如何將我的預訂頁面嵌入我的網站？
在「設定」中，開啟「預訂頁面」，開啟該頁面，然後點擊「分享與嵌入」。在「嵌入您的網站」下方，選擇格式：內嵌、彈出按鈕、您的表單或純 iframe。點擊複製，將代碼貼到您網站的 HTML 或程式碼區塊中（在 WordPress、Squarespace、Wix 或 Webflow 中，請使用 HTML 或嵌入區塊），發布您的網站，並進行測試預訂。代碼已包含您的工作區 ID 和頁面，因此無需填寫任何內容。#
我的開發人員應該使用哪種嵌入格式？
內嵌式會將預訂日曆放置在您貼上代碼的頁面上，並自動調整大小以適應內容。彈出按鈕會在您貼上代碼的每個頁面上新增一個「立即預訂」浮動按鈕，任何帶有 data-w369-booking 屬性的元素也會打開它。您的表單會載入相同的腳本，並帶有 data-mode="api"，因此您自己的表單或按鈕可以呼叫 W369Booking.open() 並傳入客戶姓名、電子郵件和電話（電話號碼格式為 E.164，例如 +14155550100），或呼叫 W369Booking.mount() 在您自己的元素內顯示它。純 iframe 適用於封鎖腳本的網站建立者：固定高度，無彈出視窗。腳本嵌入載入 https://369.dev/booking.js。#
我的開發人員是否可以預先填寫詳細資訊或追蹤預約來源？
是的，透過腳本嵌入。將 data-prefill-name、data-prefill-email、data-prefill-phone（E.164 格式，例如 +14155550100）和 data-prefill-notes 添加到腳本標籤中，或將相同的預填值傳遞給 W369Booking.open() 或 W369Booking.open()。data-service 和 data-member 可預選服務或團隊成員，使用「分享與嵌入」中的「開發人員 ID」標籤中的 ID，而 data-step="time" 在填寫姓名、電子郵件和有效電話後會跳過詳細資訊表單。額外的欄位可放入元數據（最多 20 個鍵），並與預約和新客戶記錄一起儲存。若要追蹤預約來源，請將您的 UTM 值作為 source 傳遞給 W369Booking.open() 或 mount()：它們會顯示在新客戶記錄的「預約來源」下方。您頁面地址本身的 UTM 標籤會一併傳遞但不會儲存。預約建立時，頁面會觸發一個 w369:booked 事件，並附帶預約 ID；對於包含訂金的預約，它會在付款前觸發。#
嵌入的大小是多少？彈出視窗如何開啟？
內嵌和 W369Booking.mount() 會成長和縮小以適應預訂的每個步驟。彈出視窗會在最多 1000 x 720 像素的視窗中開啟，該視窗會在內部捲動，並可透過關閉按鈕、Escape 鍵或點擊視窗外部來關閉。純 iframe 高度為 900 像素，除非您在程式碼中變更其高度。彈出視窗的浮動按鈕位於右下角：使用 data-label（最多 40 個字元）變更其文字，使用 data-color（十六進位顏色，例如 #111827）變更其顏色，或使用 data-mode="api" 跳過它，並將 data-w369-booking 新增至您自己的任何按鈕或連結。完整參考資料請參閱嵌入指南：docs.workspace369.com/v/2026.3/scheduling/embed-booking-on-your-website/#
我可以透過嵌入式預約頁面收取訂金嗎？
是的。預約時收取訂金或全額付款可在預約頁面本身設定，因此所有嵌入格式都會採用，因為它們都會開啟您的預約頁面。REST API 無法建立帶有訂金的預約，因此如果您需要訂金，請讓客戶透過嵌入的預約頁面進行預約，而不是透過 API 建立預約。在嵌入式預約中，付款會在同一個瀏覽器分頁中開啟 Stripe，付款後，客戶會看到確認訊息，並有一個返回您網站的按鈕。#
我可以限制哪些網站可以嵌入我的預約頁面嗎？
是的。在「共用與嵌入」中，列出最多 20 個允許的網站，或留空以允許任何網站。純粹的 iframe 無法這樣限制。每個嵌入都會顯示一個小的「Powered by Workspace369」標誌。#
我的客戶需要帳戶才能預約嗎？
不需要帳戶。客戶開啟您的預約頁面，選擇服務，再選擇日期和時間。最後填入自己的資料並完成預約。#
哪些計劃包含預訂頁面？
Booking pages 包含在 Specialist、Commander 和 Enterprise 計劃中。Cadet 和 Voyager 包含日曆和電子郵件預約提醒，但不包含預訂頁面。#
完整逐字稿
歡迎回來。在這部影片中，我們會設定您的線上預約頁面，讓客戶可以選擇服務和時間，自行完成預約。
預約頁面位於「設定」中。在「日曆與預約」下，開啟「預約頁面」。每個頁面都是讓客戶預約的不同方式。若要建立新頁面，請點選「新頁面」。
為頁面取一個客戶會看到的名稱。這個頁面叫做 Schedule a detail。連結會隨之更新。在「風格」下選擇一種風格：顏色、字型和版面配置，一鍵完成。我選 Chair，搭配品牌色 Ink。預覽會完整呈現客戶將看到的樣子。
在「服務」下，關閉不想出現在這個頁面上的項目。我會關閉這六項。「預約規則」可讓您立即確認預約，或先逐一核准申請。然後點選「建立頁面」。
頁面已上線。「分享與嵌入」會提供連結和 QR 碼，或將頁面放到您網站上的方法。
這就是您的客戶看到的畫面。他們先選擇服務，再選擇日期和時間。最後填入自己的資料並完成預約。不需要帳戶。以上就是您的預約頁面。在下一部影片中，我們會管理您的專案。
