經典表單（逐步式預約表單）

本文說明如何自訂經典的逐步式預約表單。

如果您還不確定該使用哪種預約表單，請參閱預約表單類型／選擇預約表單。

如何自訂經典預約表單

您可以自訂預約表單的版面配置、顏色、標籤、欄位與各步驟的文字。若要編輯表單：

1. 前往 Bookly >「外觀」。

2. 選擇 分步表單。

3. 在可用的分頁中調整表單設定。

4. 點擊 保存。

自訂顏色

使用顏色選擇器調整經典預約表單的主要顏色，使其符合您的網站設計。

更新顏色後，點擊 保存。

編輯文字並加入預約詳情

您可以編輯每個預約步驟中顯示的文字。

點擊底線文字即可開啟編輯視窗。輸入您的文字，並加入例如 {service_name}、{staff_name} 或 {total_price} 等代碼，以動態顯示預約詳情。

輸入 {，然後從編輯器提供的建議中選擇代碼。點擊 使用，然後點擊 保存。

範例：

您選擇預約由 {staff_name} 提供的 {service_name}，時間為 {service_date} 的 {service_time}。
此服務的價格為 {service_price}。
請在下方表單中填寫您的個人資料以繼續預約。

如需代碼的說明，請參閱所有預留位置。其中列出的代碼並非全部都能在「外觀」區塊使用；請查看編輯器的建議，確認可以插入哪些代碼。

進階：條件式與重複內容

使用條件區塊，只在特定預約資訊存在時才顯示文字。

以下範例只會在有選取額外項目時顯示這些項目。使用 {extras} 代碼需要 Service Extras Add-on。

{#if extras} 額外項目：{extras}{/if}

如果您使用允許在一次預約流程中預訂多筆預約的 add-ons，可以使用重複區塊來顯示其中每筆預約的詳情。區塊內的內容會針對每筆預約重複一次。

範例：

{#each appointments as appointment}
服務：{appointment.service_name}
員工：{appointment.staff_name}
日期與時間：{appointment.appointment_date} 的 {appointment.appointment_time}
{/each}

檢查行動版

如果您修改或翻譯了按鈕標題，也請檢查表單的行動版。在行動版檢視中開啟 Bookly >「外觀」，更新每個步驟的按鈕文字，然後儲存變更。

隱藏步驟或欄位

若要隱藏「分類」、「服務」或「員工」等欄位，請在將表單加入頁面時調整預約表單區塊或簡碼的設定。如果您隱藏必填欄位，請為該欄位選擇預設值。

能否隱藏預約步驟取決於該步驟及您的 Bookly 設定。例如，若要隱藏「付款」步驟，請在 Bookly > 設定 > 付款 中停用所有付款方式，包括現場付款。請參閱我要如何從預約表單中移除付款步驟？。

進一步瞭解：發布預約表單

常見問題

我要如何變更警告訊息的顏色或字型大小？

我要如何在預約表單中隱藏分類／服務／員工欄位？

我要如何變更 Bookly 預約表單中的文字顏色？

我要如何從預約表單中移除付款步驟？

預約表單中的「下一步」按鈕沒有作用