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

Wix Bookings：設定服務清單

6 分鐘
服務清單會顯示您提供的所有課堂、課程和預約。您可以在單一頁面上顯示所有內容，或在不同頁面上按類別劃分服務。您也可以自訂服務清單的設計以符合品牌形象。
顯示已上線網站服務清單範例的螢幕截圖。

步驟 1 | 建立服務清單

新增服務清單並僅顯示與該頁面相關的服務。隨著商務成長並提供更多服務，您可隨時更新服務清單。
  1. 前往編輯器。
  2. 前往想要顯示服務的頁面。
  3. 點擊編輯器左側的「新增元件」。
  4. 點擊Bookings。
  5. 點擊服務清單。
顯示如何前往服務清單的螢幕截圖。
  1. 將「服務清單」元件拖曳到頁面上。
  2. 點擊服務清單小工具。
  3. 點擊設定。
  4. 點擊服務。
  5. 在「您想如何選擇要顯示的服務？」下，選擇相關選項：「按服務類別選擇」、「按服務地點選擇」、 或「直接選擇服務」。
  6. 點擊想要顯示的相關類別、地點或服務旁邊的核取方塊。您看到的選項取決於上一步中的選擇。

步驟 2 | 自訂服務清單的版面配置

自訂服務清單的版面配置以展示服務並獲得更多預訂。隨著提供的服務數字增加，您可調整版面配置以保持條理清晰。
  1. 前往編輯器。
  2. 點擊「服務清單」元件。
  3. 點擊設定。
  4. 點擊版面配置索引標籤。
  5. 使用以下選項自訂服務清單的版面配置：
    • 選擇版面配置：為服務清單選擇版面配置。如果適用於所選版面配置，請設定每列極致卡數。
    • 間距：設定清單中服務之間的間距。
    • 服務詳情邊距：設定服務詳情邊緣周圍以及上方和下方的邊距。
    • 圖片版面配置：根據版面配置，選擇服務清單中圖片的位置、形狀和裁切方式。
    • 文字版面配置：設定清單標題和服務文字的對齊方式。
    • 服務清單索引標籤： 選擇索引標籤的顯示和對齊方式。
顯示如何調整服務清單版面配置的螢幕截圖。

步驟 3 | 自訂服務清單顯示設定

接著，調整服務頁面上的顯示設定，以新增更多服務詳細資訊。這是排序服務並選擇要顯示內容的絕佳方式。您也可以顯示課程供應狀況和服務小部件，包括立即預訂按鈕或引導客戶前往會員方案的按鈕。
  1. 前往編輯器。
  2. 點擊「服務清單」元件。
  3. 點擊設定。
  4. 點擊顯示索引標籤。
  5. 使用以下選項自訂服務清單的顯示方式：
    • 在服務清單上顯示標題：啟用切換開關以顯示服務清單名稱。若在不同頁面中有多個服務清單，此功能非常實用。
    • 在服務清單上顯示標籤：啟用切換開關以顯示不同類別的服務。接著進行以下設定：
      • 使用標籤篩選依據：選擇標籤的篩選方式：
        • 類別：若提供多種不同的服務，請選擇此選項。
        • 地點：若在多個地點提供相同的服務，請選擇此選項。
      • 顯示包含所有服務的標籤：點擊核取方塊，讓客戶可以查看完整且未經篩選的服務清單。
    • 服務詳情：選擇顯示的服務以及點擊後引導訪客前往的位置：
      • 您想顯示哪些內容？勾選每個想要顯示的詳情旁的核取方塊。
      • 點擊服務名稱或圖片將引導客戶前往：選擇客戶在服務清單上點擊服務名稱或圖片時，要前往預訂行事曆還是服務頁面。
        請留意：系統預設會在訪客點擊服務名稱或圖片時，將其引導至行事曆頁面。
    • 課程供應狀況：啟用切換開關以顯示課程的目前狀態，例如「尚餘 6 個名額」或「已額滿」。接著選擇想要顯示的內容：
      • 剩餘名額數字：顯示課程剩餘的確切名額數字。
      • 供應狀況文字：顯示仍有名額，但不顯示確切數字。
    • 服務小部件： 勾選相關核取方塊：
      • 預訂按鈕：在服務清單上顯示立即預訂和更多資訊按鈕。
      • 探索方案連結：顯示前往「付費方案」頁面的連結，客戶可在該頁面購買會員方案或套裝。

步驟 4 | 編輯服務清單上的文字

顯示設定完成後，即可編輯引導使用者瀏覽服務清單的文字。自訂標題和索引標籤名稱，鼓勵客戶查看詳情並預訂造訪次數。
  1. 前往編輯器。
  2. 點擊服務清單元件。
  3. 點擊設定。
  4. 點擊文字索引標籤。
  5. 自訂服務清單上的文字：
    • 文字：編輯清單標題、所有服務索引標籤、閱讀更多連結和視訊會議徽章。
    • 課程供應狀況：編輯供應狀況文字和無供應狀況文字。
    • 服務小部件：編輯線上預訂按鈕、更多資訊按鈕、預訂請求按鈕、檢視課程按鈕和探索方案連結。
顯示如何編輯服務清單上顯現文字的螢幕截圖。

步驟 5 | 設計服務清單

對服務清單文字感到滿意後，請自訂服務頁面的設計以符合網站和品牌。您可自訂背景和分隔線、文字樣式以及按鈕設計。
  1. 前往編輯器。
  2. 點擊「服務清單」元件。
  3. 點擊設定。
  4. 點擊設計索引標籤。
  5. 使用以下選項設計服務清單：
    • 背景與分隔線：使用滑桿自訂背景和分隔線的不透明度、色彩邊框以及尚有...項。
    • 文字樣式：點擊「文字」圖示即可編輯服務清單上每段文字單品的樣式、色彩和字型。
      請留意：如果標題已隱藏，您可前往「顯示」索引標籤使標題顯示。
    • 服務小部件設計：為「預訂按鈕」和「探索方案連結」選擇樣式、字型和色彩，並調整按鈕背景和不透明度。
    • 索引標籤設計：為索引標籤選擇標準設計，包括文字字型和色彩，以及分隔線不透明度與色彩。請留意：只有當服務清單中有多個地點或多個類別時，才會顯示索引標籤。在「顯示」索引標籤中啟用「在服務清單上顯示索引標籤」切換開關即可顯示不同類別的服務。

常見問題

點擊下方即可瞭解更多關於設定服務清單的資訊。

這有幫助嗎？

|
在此文章中
  • 步驟 1 | 建立服務清單
  • 步驟 2 | 自訂服務清單的版面配置
  • 步驟 3 | 自訂服務清單顯示設定
  • 步驟 4 | 編輯服務清單上的文字
  • 步驟 5 | 設計服務清單
  • 常見問題

這有幫助嗎？

|