Wix 說明
首頁
文章庫
管理商家
商業解決方案與應用程式
Wix 預訂
自訂 Wix 預訂頁面

Wix Bookings：自訂服務頁面

11 分鐘
Wix Bookings 服務頁面可展示各項服務，並提供客戶預訂前所需的完整資訊。
系統會根據建立服務時提供的資訊，自動在編輯器中產生服務頁面。客戶可點擊服務圖片、服務名稱或「閱讀更多」連結，前往服務頁面。
此螢幕截圖顯示已上線網站的服務頁面範例，包含頁首、主要內容和側邊欄。

教學影片

觀看這部教學影片，或向下捲動閱讀完整文章。

自訂服務頁面顯示方式

選擇要顯示的資訊，決定服務頁面的呈現方式。自訂最多 8 個不同資訊區段的版面配置和順序，也可選擇顯示或隱藏頁首及側邊欄。
若使用側邊欄，請選擇要在其中強調的詳細資訊。這些資訊不會顯示在頁面的主要內容中。
此螢幕截圖顯示服務頁面的不同區域，包括頁首、主要內容和側邊欄。
  1. 前往編輯器。
  2. 前往「服務頁面」：
    1. 點擊編輯器左側的「頁面與選單」 。
    2. 點擊「預訂頁面」。
    3. 點擊「服務頁面」。
此螢幕截圖顯示如何在 Wix 編輯器中前往「服務頁面」。
  1. 點擊頁面上的服務頁面元件。
  2. 點擊「設定」。
  3. 點擊「顯示」索引標籤。
  4. 選擇要編輯的項目：
    • 頁首：啟用「顯示頁首」切換按鈕以顯示頁首，然後選擇要在服務頁面頁首顯示的元件旁的核取方塊。
    • 主要內容：使用左側的藍色格線拖放區段，依偏好調整順序。點擊各區段的「下一步」圖示 ，即可隱藏或自訂區段。可用選項會依選擇編輯的區段而異。
      提示：「隱藏」圖示表示元件已隱藏。
    • 側邊欄：啟用「側邊欄」切換按鈕，然後選擇要顯示的內容，例如商務聯絡資訊或取消政策。
注意：
點擊「管理」標籤，即可在網站管理介面編輯服務頁面的特定資訊：

管理服務頁面版面配置

自訂服務頁面的版面配置，協助客戶快速找到所需內容。使用版面配置選項控制頁首、主體和側邊欄的外觀與間距，打造平衡且專業的設計。
  1. 前往編輯器。
  2. 前往服務頁面：
    1. 點擊編輯器左側的「頁面與選單」 。
    2. 點擊「預訂頁面」。
    3. 點擊「服務頁面」。
顯示如何在 Wix 編輯器中前往服務頁面的螢幕截圖。
  1. 點擊頁面上的服務頁面元件。
  2. 點擊「設定」。
  3. 點擊「版面配置」。
  4. 選擇要自訂的部分。若想重新開始，隨時可點擊各區段底部的「重設為原始設定」：
    • 頁首：調整頁首高度、將元件靠左、靠右或置中對齊、設定側邊邊距，以及自訂圖片裁切方式。
    • 主體：調整間距、邊距、欄版面配置和對齊方式。設定服務詳細資訊方塊的邊距與對齊方式，並選擇圖庫顯示方式和縮圖大小。
    • 側邊欄：選擇側邊欄顯示在左側或右側、設定對齊方式，並調整比例、側邊邊距，以及主體與側邊欄之間的間距。
顯示如何調整側邊欄版面配置選項的螢幕截圖。

服務頁面設計

可自訂服務頁面的設計，使其更符合品牌與業務需求。編輯頁首、主體和側邊欄，讓顯示的資訊清楚易懂。
也可新增服務詳細資訊方塊、時間表或圖庫等元件，讓客戶清楚了解服務內容。
  1. 前往編輯器。
  2. 前往服務頁面：
    1. 點擊編輯器左側的「頁面與選單」。
    2. 點擊「預訂頁面」。
    3. 點擊「服務頁面」。
顯示如何在 Wix 編輯器中前往服務頁面的截圖。
  1. 點擊頁面上的服務頁面元件。
  2. 點擊「設定」。
  3. 點擊「設計」索引標籤。
  4. 選擇要自訂的項目：
    • 頁首：自訂服務頁面頁首背景和服務標題的色彩與不透明度。您也可以調整頁首按鈕的字型，以及背景色彩和不透明度。
    • 頁面主體：使用可用選項，自訂服務頁面主體背景、文字和按鈕的色彩與不透明度。
    • 側邊欄：使用可用選項，自訂服務頁面側邊欄背景、文字和按鈕的色彩與不透明度。
    • 服務詳細資料方塊：使用可用選項調整詳細資料方塊的設計，包括字型、色彩、背景和邊框。
    • 時間表：使用可用選項自訂時間表設計，包括背景色彩、不透明度、邊框和分隔線。您也可以自訂時間表中顯示文字的色彩和字型。
      注意：即將開課的課程時間表只會在開始前 7 天顯示。
    • 圖庫：使用可用選項調整圓角半徑、邊框寬度、色彩和不透明度。
顯示如何編輯服務頁面設計的截圖。

編輯服務頁面文字

自訂服務頁面文字，使其符合品牌的語氣與風格。如果您和員工習慣以特定方式描述服務和可預訂時段，這項功能會很實用。
您可自訂預訂按鈕、預訂請求、課程可預訂狀況等文字。
  1. 前往編輯器。
  2. 前往「服務頁面」：
    1. 點擊編輯器左側的「頁面和選單」。
    2. 點擊「預訂頁面」。
    3. 點擊「服務頁面」。
顯示如何在 Wix 編輯器中前往「服務頁面」的螢幕截圖。
  1. 點擊頁面上的「服務頁面」元件。
  2. 點擊「設定」。
  3. 點擊「文字」索引標籤。
  4. 點擊即可編輯任何可用選項的文字，包括行動號召或「立即預訂」按鈕。
顯示服務頁面文字選項的螢幕截圖，例如「線上預訂」按鈕可顯示為「立即預訂」。