header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務，與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法，了解已知問題，或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對，幫助實現目標。
placeholder-preview-image
  1. 首頁
  2. 管理商家
  3. 商業解決方案與應用程式
  4. Wix 預訂
  5. 自訂 Wix 預訂頁面
  6. Wix Bookings：自訂預訂行事曆頁面

Wix Bookings：自訂預訂行事曆頁面

8 分鐘
當客戶預訂課堂或預約工作階段時，會在行事曆頁面選擇日子和時間。請透過調整文字、版面配置和顯示內容，自訂行事曆頁面以符合品牌形象。
顯示已上線網站預訂行事曆的螢幕截圖。
請留意：
預訂行事曆頁面僅顯示於課堂與預約，不適用於課程。

選擇預訂行事曆頁面版面配置

請務必為行事曆頁面選擇清晰的版面配置，讓客戶能輕鬆找到所需資訊。您可選擇每天或每週行事曆版面配置，並調整各個元件的對齊方式和間距。所選的版面配置將套用至所有服務。
重要：
您也可以點擊編輯器頂部的 切換至行動裝置 來調整行動版網站的版面配置。您可以從兩種版面配置樣式中進行選擇：每月或每週。
A screenshot showing how to adjust the layout using the mobile editor.
  1. 前往編輯器。
  2. 前往「線上預訂」頁面：
    1. 點擊編輯器左側的「頁面與選單」。
    2. 點擊「Bookings 頁面」。
    3. 點擊「預訂行事曆」頁面。
  3. 點擊頁面上的「預訂行事曆」元件。A screenshot showing how to access the Booking Calendar page in the Wix Editor.
  4. 點擊頁面上的「預訂行事曆」元件。
  5. 點擊「設定」。
  6. 點擊「版面配置」索引標籤。
  7. 自訂以下選項：
    • 選擇版面配置：為預訂行事曆選擇每天或每週查看。
    • 文字對齊方式：點擊即可將文字區塊設定為靠左、置中或靠右。
    • 頂部和底部邊距：使用滑桿控制預訂行事曆上方和下方的空間。
    • 側邊邊距：使用滑桿控制預訂行事曆左側和右側的空間。
    • 頁首與主體間距：使用滑桿控制頁首與主體之間的空間。
螢幕截圖顯示如何選擇預訂行事曆的版面配置。

選擇預訂行事曆頁面顯示元件

預訂行事曆頁面包含多個顯示服務詳細資訊的元件，例如服務子標題或其日期和時間。您可根據需求選擇顯示特定元件並隱藏其他元件。
  1. 前往編輯器。
  2. 前往「線上預訂」頁面：
    1. 點擊編輯器左側的頁面與選單 。
    2. 點擊預訂頁面。
    3. 點擊「預訂行事曆」頁面。
  3. 點擊頁面上的「預訂行事曆」元件。
  4. 點擊編輯器中的預訂行事曆。
  5. 點擊設定。
  6. 點擊顯示索引標籤。
  7. 選擇要顯示的元件：
    • 頁首：
      • 勾選對應的核取方塊，以顯示或隱藏服務名稱下方的子標題或篩選條件。
      • 選擇要在服務名稱下方顯示的文字：
        • 自訂文字：於「文字」索引標籤下的「頁首與篩選條件」區段中設定。
        • 服務子標題：若要設定此選項的文字，請前往「管理服務」並點擊特定服務。
    • 日期與時間：
      • 勾選相關核取方塊，選擇顯示目前日期或第一個有供應時段的日期。
      • 勾選相關核取方塊，選擇顯示所有時段（包含已滿和已關閉時段）或僅限可預訂時段。
      • （選填）開啟限制顯示時段數量切換開關以減少顯示的時段。使用滑桿設定每天顯示的時段數字。
    • 預訂摘要：針對虛擬服務開啟顯示視訊會議徽章切換開關。
螢幕截圖顯示如何啟用預訂摘要。

設計預訂行事曆頁面

您可為預訂行事曆套用專屬的外觀和形象，使其符合網站的整體設計。預訂行事曆頁面是動態的，這代表只需設計一次，即可套用至所有服務。
  1. 前往編輯器。
  2. 前往「線上預訂」頁面：
    1. 點擊編輯器左側的「頁面與選單」。
    2. 點擊「預訂頁面」。
    3. 點擊「Booking Calendar」頁面。
  3. 點擊頁面上的 Booking Calendar 元件。
  4. 點擊 Booking Calendar 元件。
  5. 點擊「設定」。
  6. 點擊「設計」索引標籤。
  7. 選擇要自訂的設計：
    • 樣式：變更小工具的背景色彩、頁首、邊框和分隔線。
    • 文字：選擇頁面上不同文字元件的字型和色彩。
    • 選取項：設計客戶可在頁面上點擊的按鈕和其他元件（例如行事曆上的日期）。
螢幕截圖顯示如何自訂預訂行事曆的設計。

編輯預訂行事曆頁面文字

您可編輯行事曆上的所有文字元件，以符合商務需求與客戶偏好。請確保使用工作人員和客戶都能理解的條件來描述所有內容。
  1. 前往編輯器。
  2. 前往「線上預訂」頁面：
    1. 點擊編輯器左側的「頁面與選單」。
    2. 點擊「預訂頁面」。
    3. 點擊「Booking Calendar」頁面。
  3. 點擊頁面上的 Booking Calendar 元件。
  4. 點擊 Booking Calendar 元件。
  5. 點擊「設定」。
  6. 點擊「文字」索引標籤。
  7. 選擇要自訂的文字元件：
    • 頁首和篩選條件： 變更地點、工作人員和持續時間標籤等元件的文字。
    • 日期和時間：自訂向客戶說明候補名單時顯現的文字。
  • 預訂摘要：編輯客戶前往結帳前顯示的文字。
  • 預訂按鈕：編輯行事曆上顯示的不同按鈕，包括：線上預訂、請求預訂、候補名單和改期。
螢幕截圖顯示如何編輯預訂行事曆上顯示的文字。
提示：

這有幫助嗎？

|
在此文章中
  • 選擇預訂行事曆頁面版面配置
  • 選擇預訂行事曆頁面顯示元件
  • 設計預訂行事曆頁面
  • 編輯預訂行事曆頁面文字

這有幫助嗎？

|