現代預約表單

本文說明如何建立、自訂及發布 Bookly 的搜索表單、服務表單、員工表單與標簽表單。

• 搜索表單：顧客先選擇日期，再查看可預約的服務與員工。查看示範。
• 服務表單：顧客以目錄檢視方式瀏覽服務。查看示範。
• 員工表單：顧客先選擇員工。查看示範。
• 標簽表單：顧客透過一個或多個篩選步驟，使用標記縮小服務範圍。

如需協助選擇表單，請參閱選擇預約表單。若要透過聊天對話預約，請參閱 AI Assistant 預約表單。

Bookly 也提供用於取消預約的取消表格，以及透過直接連結付款的結算表單。設定方式另見取消表格與結算表單。

開始之前

設定您的服務，將服務指派給員工，並設定員工的工作時間。這些設定決定顧客可以預約的項目與時段。

若使用標簽表單，還需在 Bookly > 服務中為服務指定標記。請參閱下方的標簽表單。

建立現代預約表單

1. 前往 Bookly > 外觀。
2. 選擇搜索表單、服務表單、員工表單或標簽表單，然後點擊添加新表單。
3. 點擊預覽中的元素，即可在右側面板編輯文字或設定。使用預覽上方的分頁切換預約步驟。
4. 在表單編輯器中開啟三點選單，選擇設定，以設定表單標題與外觀。
5. 點擊保存。之後可返回編輯器，調整下方說明的設定。

儲存並發布預約表單

1. 儲存表單後，點擊返回，回到表單清單。
2. 找到您的表單卡片，使用卡片選單複製簡碼。
3. 將簡碼加入 WordPress 頁面或文章。在 WordPress 區塊編輯器中，請使用短代碼區塊。
4. 預覽頁面，待表單準備完成後，再發布或更新頁面。

例如，簡碼可能是 [bookly-search-form my-form] 或 [bookly-services-form my-form-413]。請複製為您的表單產生的簡碼，而非使用這些範例。

處理後標題是表單的識別碼，例如第一個範例中的 my-form。儲存後，您可以在表單的設定中找到它。

您可以為特定服務或員工建立個別表單，並放在不同頁面上。透過這些表單建立的所有預約，都會出現在同一個 Bookly 日曆中。

如需瞭解將表單加入頁面的其他方式，請參閱發布預約表單。

設定預約表單

在 Bookly > 外觀中開啟表單以進行自訂。下方範例主要使用搜索表單；可用的步驟與控制項會依表單類型而異。

標籤與表單元素

在預覽中點擊要變更的文字、欄位或其他元素，然後在右側面板編輯設定。

對於服務或員工下拉欄位，您可以設定預設值，並選擇是否顯示欄位。若要隱藏欄位，請先選擇預設值，再取消勾選顯示。

表單設定與外觀

在表單編輯器中開啟三點選單，選擇設定。您可以在此編輯表單標題、選擇主要顏色，並套用現成的主題。若要使用主題，請選擇主題、依需要調整顏色，然後點擊應用主題。

所有現代預約表單的外觀設定也都可讓您：

• 啟用自動調整的卡片格線。
• 讓表單背景透明。
• 變更篩選器與日曆的位置。
• 調整圓角與卡片陰影。
• 隱藏表單邊框。

如需進一步調整樣式，請開啟同一個三點選單，並選擇自定義CSS。

變更後，點擊保存。

預約表單的初始視圖

在設定中，使用初始視圖選擇顧客開啟表單的方式：

• 表單：表單直接顯示在頁面上。
• 按鈕：顧客點擊按鈕時，表單會在彈出視窗中開啟。在按鍵名稱中設定按鈕文字。

日曆中可預約的日期

點擊預覽中的日曆區域，選擇日期的顯示方式：

• 根據時間表顯示日期：顯示員工的工作日，即使當天已無可預約時段。
• 禁用無可用時段的日期：將沒有可預約時段的日期顯示為灰色。在此模式下，載入時間會受預約、員工、服務與地點數量的影響。

服務卡片的外觀與內容

在搜索表單的預覽中點擊服務卡片，即可自訂：

• 寬度：使用滑桿調整卡片寬度。
• 頁頭高度：調整服務圖片區域的高度。
• 顯示標記：在卡片頂端顯示員工姓名。
• 卡片內容：選擇要顯示的屬性，並拖曳至您想要的順序。

隱藏服務

在搜索表單中點擊服務卡片，並在右側面板找到隱藏服務。選擇要在此表單中隱藏的服務。

卡片顯示模式

同一面板中的卡片顯示模式決定搜索表單顯示哪些卡片：

• 僅顯示帶時段的卡片：只顯示所選日期中有可預約時段的服務、員工與地點組合。
• 顯示所有可用卡片：也顯示沒有可預約時段的卡片。顧客會在這些卡片上看到「沒有可用時間段」訊息。

新增至日曆

在預約流程的最後一步啟用新增至日曆，讓顧客將預約加入 Google、Outlook、Apple 或 Yahoo 日曆。

特定分類、員工或服務的表單

在服務表單與員工表單中，您可以選擇顧客會看到哪些分類、服務或員工：

1. 在 Bookly > 外觀中開啟表單。
2. 選擇相關步驟，並在預覽中點擊分類、服務或員工卡片。
3. 在右側面板選擇自定義，然後選擇要顯示的項目。
4. 點擊保存。

隱藏分類或服務步驟

若表單含有這些步驟，請開啟三點選單並選擇設定。依需要啟用隱藏分類步驟或隱藏服務步驟，然後點擊保存。

教學影片：服務表單

觀看如何設定服務表單：

標簽表單

標簽表單讓顧客透過一個或多個篩選步驟縮小服務清單範圍。在 Bookly > 服務中為服務指定標記，再選擇表單各步驟要提供的標記。

例如，您可以在第一步提供美髮、美甲與按摩，第二步提供完整與快速。若顧客選擇按摩與快速，表單只會顯示同時具有這兩個標記的服務。

這些篩選步驟是根據您為服務指定的標記建立的；不需要為每種組合建立對應分類。

建立篩選步驟

1. 在 Bookly > 外觀中選擇標簽表單，然後點擊添加新表單。
2. 在標記分頁中，點擊添加子分區。
3. 選擇要在此篩選步驟顯示的標記。
4. 如需額外的篩選步驟，可加入更多子分區。若要從某個步驟中移除標記，在該子分區中點擊它即可。
5. 點擊保存。

主要設定

為標記選擇步驟設定下列項目：

• 分區名稱：此步驟向顧客顯示的文字。
• 允許跳過：讓顧客可以跳過標記選擇步驟。
• 跳過按鍵名稱：跳過按鈕上的文字。
• 寬度 / 頁頭高度 / 身高：標記卡片的大小。

在 Bookly > 服務中設定各個標記的標題、說明與圖片。

表單準備完成後，請儲存表單並將簡碼加入頁面。

檢查預約表單

與顧客分享頁面前，請：

1. 以訪客身分開啟頁面，並在電腦與手機上檢查表單。
2. 確認顯示的是預期的服務與員工，且隱藏欄位使用正確的預設值。
3. 完成一次測試預約，直到最後一步。
4. 確認預約在 Bookly 日曆中正確顯示。

常見問題

• 我要如何在預約表單中隱藏分類／服務／員工欄位？
• 我要如何從預約表單中移除付款步驟？
• 所有簡碼