# Wix Bookings：設定服務清單元件

Source: https://support.wix.com/zh-hant/article/wix-bookings%EF%BC%9A%E8%A8%AD%E5%AE%9A%E6%9C%8D%E5%8B%99%E6%B8%85%E5%96%AE (updated 2026-09-21)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

服務清單會顯示網站提供的所有課堂、課程和預約。您可將所有服務顯示在同一個頁面，或依類別分別顯示在不同頁面，也可自訂服務清單設計，使其符合品牌風格。

![已上線網站服務清單範例的螢幕截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2019/09/12/0ee6177b-d4f2-4e8c-8450-f7bab6cb8b7d/4ac11fde-b37c-45a6-a91e-896e99d3ed13.jpg)

---

## 步驟 1｜新增服務清單元件

在頁面新增服務清單元件，並顯示要推廣的服務。隨著業務成長及服務增加，您可更新此清單顯示的服務。

**Wix 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 前往要顯示服務的頁面。
3. 點擊編輯器左側的**「新增元件」**![](https://d2x3xhvgiqkx42.cloudfront.net/65d5031a-8d20-483c-b08f-0a758e1cf2fd/68a0236f-77f4-43c6-931f-8298ae691a9e/2022/11/17/01f24c8b-2ea3-4d06-a26d-9975a43d617e/a79e245b-4870-4444-ba82-248eca4eb9a7.png)。
4. 點擊**「預訂」**。
5. 點擊**「服務清單」**。

![前往服務清單方式的螢幕截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e8d9ab8e-d3c2-427f-a4f2-1e90c04f91d4/2024/03/18/d2e550be-7e15-4f5e-8403-7dbaec94f3f5/efcf60fe-2646-4ea7-9c3e-7c323e99ff34.png)

1. 將「服務清單」元件拖曳至頁面。
2. 點擊**「服務清單」**小工具。
3. 點擊**「設定」**。
4. 點擊**「服務」**。
5. 在**「要如何選擇顯示哪些服務？」**下方，選擇相關選項：**「依服務類別選擇」**、**「依服務地點選擇」** 或**「直接選擇服務」**。
6. 點擊要顯示的相關類別、地點或服務旁的核取方塊。顯示的選項會依上一步的選擇而定。

**Studio 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 前往要顯示服務的頁面。
3. 點擊編輯器左側的**「新增元件」**![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/08/11/1023b0e0-dc5a-404a-8961-6b0990109a07/cf6c6c07-217d-4761-8671-10cada2cee06.png)。
4. 點擊**「預訂」**。
5. 點擊**「服務清單」**。

![前往服務清單方式的螢幕截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e8d9ab8e-d3c2-427f-a4f2-1e90c04f91d4/2024/03/18/ecc0720b-1be6-4605-9d8b-175977cf74a0/de6ff96e-f937-43d4-a7b7-e3484d5cf814.png)

1. 將「服務清單」元件拖曳至頁面。
2. 點擊**「服務清單」**小工具。
3. 點擊**「設定」**。
4. 點擊**「服務」**。
5. 在**「要如何選擇顯示哪些服務？」**下方，點擊相關選項旁的核取方塊：**「依服務類別選擇」**、**「依服務地點選擇」** 或**「直接選擇服務」**。
6. 點擊要顯示的相關類別、地點或服務旁的核取方塊加以選擇。顯示的選項會依上述步驟 9 的選擇而定。

**Wix Harmony 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊編輯器左上方的**「＋ 新增」**。
3. 選擇**「預訂」**類別。  
**提示：**點擊類別旁的**「箭頭」**圖示![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2025/12/07/584e3364-261a-4c90-a44e-8eb1504bf7e2/c4cf09c2-e2cf-481c-b6fd-a92150cb6437.png)，即可瀏覽清單。
4. 將「服務清單」元件拖曳至頁面。

---

## 步驟 2｜自訂服務清單元件的版面配置

自訂服務清單的版面配置，即可展示服務並獲得更多預訂。隨著服務數量增加，可調整版面配置，讓內容保持清楚易讀。

**Wix 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「服務清單」元件。
3. 點擊「**設定**」。
4. 點擊「**版面配置**」索引標籤。
5. 使用以下選項自訂服務清單的版面配置：  
   * **選擇版面配置：**選擇服務清單的版面配置。若所選版面配置適用，請設定**每列卡片數上限**。  
   * **間距：**設定清單中各項服務之間的間距。  
   * **服務詳細資訊邊距：**設定服務詳細資訊四周及上下方的邊距。  
   * **圖片版面配置：**根據所選版面配置，選擇服務清單中圖片的位置、形狀和裁切方式。  
   * **文字版面配置：**設定清單標題和服務文字的對齊方式。  
   * **服務清單索引標籤：**選擇索引標籤的顯示和對齊方式。

![顯示如何調整服務清單版面配置的螢幕截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/e8d9ab8e-d3c2-427f-a4f2-1e90c04f91d4/2024/03/18/85224971-159f-430d-abe9-d09766cb2e70/14c85b62-288f-4074-ade8-029d17311a31.png)

**Studio 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「服務清單」元件。
3. 點擊「**設定**」。
4. 點擊「**版面配置**」索引標籤。
5. 使用以下選項自訂服務清單的版面配置：  
   * **選擇版面配置：**選擇服務清單的版面配置。若所選版面配置適用，請設定**每列卡片數上限**。  
   * **間距：**設定清單中各項服務之間的間距。  
   * **服務詳細資訊邊距：**設定服務詳細資訊四周及上下方的邊距。  
   * **圖片版面配置：**根據所選版面配置，選擇服務清單中圖片的位置、形狀和裁切方式。  
   * **文字版面配置：**設定清單標題和服務文字的對齊方式。  
   * **服務清單索引標籤：**選擇索引標籤的顯示和對齊方式。

**Wix Harmony 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「**服務清單**」元件。
3. 點擊操作列上的「**設定**」圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/c392eea5-3b7b-411e-a4e3-adccf49986b5/e301c7eb-1dda-4f8b-8bb0-b8262c91db10.png)。
4. 點擊「**版面配置**」索引標籤。
5. 使用以下選項自訂服務清單的版面配置：  
   * **選擇版面配置：**選擇服務清單的版面配置。若所選版面配置適用，請設定**每列卡片數上限**。  
   * **卡片間距：**設定清單中各項服務之間的間距。  
   **注意：**實際可用的間距選項會依服務清單所選的版面配置而異。  
   * **服務詳細資訊邊距：**設定服務詳細資訊四周及上下方的邊距。  
   * **圖片版面配置：**根據所選版面配置，選擇服務清單中圖片的位置、形狀和裁切方式。  
   * **文字版面配置：**設定清單標題和服務文字的對齊方式。  
   * **服務清單索引標籤：**選擇索引標籤的顯示和對齊方式。

---

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

接著，調整服務頁面的顯示設定，新增更多服務詳細資訊。您可在此排序服務，並選擇要顯示的內容。還可顯示課程名額狀況及服務操作，包括「立即預訂」按鈕，或將客戶導向會員方案的按鈕。

**Wix 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「服務清單」元件。
3. 點擊「**設定**」。
4. 點擊「**顯示**」索引標籤。
5. 使用以下選項自訂服務清單的顯示方式：  
   * **在服務清單中顯示標題：**啟用切換開關，即可顯示服務清單名稱。如果不同頁面上有多個服務清單，此功能會很實用。  
   * **在服務清單中顯示索引標籤：**啟用切換開關，即可顯示不同服務類別。接著設定以下項目：  
         * **使用索引標籤篩選：**選擇索引標籤的篩選方式：  
                  * **類別：**如果提供各式不同服務，請選擇此選項。  
                  * **地點：**如果在多個地點提供相同服務，請選擇此選項。  
         * **顯示所有服務索引標籤：**點擊核取方塊，讓客戶查看完整且未經篩選的服務清單。  
   * **服務詳細資訊：**選擇要顯示的服務資訊，以及訪客點擊後前往的位置：  
         * **想顯示哪些內容？**選擇要顯示的各項詳細資訊旁的核取方塊。  
         * **點擊服務名稱或圖片後，客戶會前往：**選擇客戶點擊服務清單中的服務名稱或圖片時，要前往「**預訂行事曆**」或「**服務頁面**」。  
         **注意：**服務清單的預設設定是，訪客點擊服務名稱或圖片時會前往「行事曆」頁面。  
   * **課程名額狀況：**啟用切換開關，即可顯示課程目前的名額狀況，例如「剩餘 6 個名額」或「已額滿」。接著選擇要顯示的內容：  
         * **剩餘名額數：**顯示課程的確切剩餘名額數。  
         * **名額狀況文字：**顯示仍有名額，但不顯示確切數字。  
   * **服務操作：**選擇相關核取方塊：  
         * **預訂按鈕：**在服務清單中顯示「**立即預訂**」和「**更多資訊**」按鈕。  
         * **探索方案連結：**顯示前往「方案與定價」頁面的連結，客戶可在該頁面購買[會員資格](https://support.wix.com/zh-hant/article/creating-a-membership-plan-in-wix-bookings)或[套裝](https://support.wix.com/zh-hant/article/wix-bookings-offering-packages)。

**Studio 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「服務清單」元件。
3. 點擊「**設定**」。
4. 點擊「**顯示**」索引標籤。
5. 使用以下選項自訂服務清單的顯示方式：  
   * **在服務清單中顯示標題：**啟用切換開關，即可顯示服務清單名稱。如果不同頁面上有多個服務清單，此功能會很實用。  
   * **在服務清單中顯示索引標籤：**啟用切換開關，即可顯示不同服務類別。接著設定以下項目：  
         * **使用索引標籤篩選：**選擇索引標籤的篩選方式：  
                  * **類別：**如果提供各式不同服務，請選擇此選項。  
                  * **地點：**如果在多個地點提供相同服務，請選擇此選項。  
         * **顯示所有服務索引標籤：**點擊核取方塊，讓客戶查看完整且未經篩選的服務清單。  
   * **服務詳細資訊：**選擇要顯示的服務資訊，以及訪客點擊後前往的位置：  
         * **想顯示哪些內容？**選擇要顯示的各項詳細資訊旁的核取方塊。  
         * **點擊服務名稱或圖片後，客戶會前往：**選擇客戶點擊服務清單中的服務名稱或圖片時，要前往「**預訂行事曆**」或「**服務頁面**」。  
         **注意：**服務清單的預設設定是，訪客點擊服務名稱或圖片時會前往「行事曆」頁面。  
   * **課程名額狀況：**啟用切換開關，即可顯示課程目前的名額狀況，例如「剩餘 6 個名額」或「已額滿」。接著選擇要顯示的內容：  
         * **剩餘名額數：**顯示課程的確切剩餘名額數。  
         * **名額狀況文字：**顯示仍有名額，但不顯示確切數字。  
   * **服務操作：**選擇相關核取方塊：  
         * **預訂按鈕：**在服務清單中顯示「**立即預訂**」和「**更多資訊**」按鈕。  
         * **探索方案連結：**顯示前往「方案與定價」頁面的連結，客戶可在該頁面購買[會員資格](https://support.wix.com/zh-hant/article/creating-a-membership-plan-in-wix-bookings)或[套裝](https://support.wix.com/zh-hant/article/wix-bookings-offering-packages)。

**Wix Harmony 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「服務清單」元件。
3. 選擇後續操作：

**顯示或隱藏元件（例如標題、服務詳細資訊）**

1. 點擊操作列上的**「顯示元件」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/14/6368d302-5f3a-4572-974b-c7a536d35365/f26d056b-1146-4a56-98eb-0897886a3e9e.png)。
2. 選擇或取消選擇元件旁的核取方塊，即可顯示或隱藏該元件：  
   * **頁面標題：**服務清單的標題（例如「服務項目」）。  
   * **服務：**每項服務旁顯示的操作和資訊（例如價格、持續時間、查看方案連結等）。  
   * **服務圖片：**為各項服務新增的圖片。  
   * **預訂按鈕：**訪客可透過此按鈕預訂感興趣的服務。

**選擇要顯示的服務**

1. 點擊操作列上的**「設定」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/c392eea5-3b7b-411e-a4e3-adccf49986b5/e301c7eb-1dda-4f8b-8bb0-b8262c91db10.png)。
2. 點擊**「服務」**。
3. 在**「如何選擇要顯示的服務？」**下方，選擇相關選項旁的核取方塊：**「依服務類別選擇」**、**「依服務地點選擇」** 或**「直接選擇服務」**。
4. 點擊選擇要顯示的相關類別、地點或服務旁的核取方塊。  
**注意：**顯示的選項取決於上述步驟 3 中的選擇。

**自訂更多顯示設定**

1. 點擊操作列上的**「設定」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/c392eea5-3b7b-411e-a4e3-adccf49986b5/e301c7eb-1dda-4f8b-8bb0-b8262c91db10.png)。
2. 點擊**「顯示」**索引標籤。
3. 選擇要調整的項目：  
   * **清單詳細資訊：**啟用**「將服務分組」**切換開關，即可依類別或地點整理服務，改善導覽體驗。接著選擇服務群組的顯示方式：索引標籤或選單版面配置。  
   **提示：**選擇**「顯示所有服務索引標籤」**旁的核取方塊，讓客戶查看未經篩選的完整服務清單。  
   * **點擊服務時的操作：**設定客戶點擊「預訂」按鈕、服務名稱或圖片後的操作。您可將客戶重新導向至預訂行事曆或服務頁面。  
   * **課程名額狀況：**啟用切換開關，即可顯示課程目前的名額狀況，例如「剩餘 6 個名額」或「已額滿」。接著選擇要顯示的內容：  
         * **剩餘名額數：**顯示課程確切的剩餘名額數。  
         * **名額狀況文字：**顯示仍有名額，但不顯示確切數字。

---

## 步驟 4｜編輯服務清單元件的文字

顯示設定完成後，即可編輯引導使用者瀏覽服務清單的文字。自訂標題和索引標籤名稱，鼓勵客戶查看詳細資訊並預訂時段。

**Wix 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「服務清單」元件。
3. 點擊「**設定**」。
4. 點擊「**文字**」索引標籤。
5. 自訂服務清單的文字：  
   * **文字：**編輯「**清單標題**」、「**所有服務索引標籤**」、「**閱讀更多連結**」和「**視訊會議徽章**」。  
   * **課程供應狀況：**編輯「**供應狀況文字**」和「**無可預訂時段文字**」。  
   * **服務操作：**編輯「**線上預訂按鈕**」、「**更多資訊按鈕**」、「**請求預訂按鈕**」、「**查看課程按鈕**」和「**探索方案連結**」。

![顯示如何編輯服務清單文字的畫面截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2021/12/01/9479f6fd-dd73-4c5f-aa56-76cd440386ba/ce941feb-7d20-47fb-ac53-85c3e4957c68.png)

**Studio 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「服務清單」元件。
3. 點擊「**設定**」。
4. 點擊「**文字**」索引標籤。
5. 自訂服務清單的文字：  
   * **文字：**編輯「**清單標題**」、「**所有服務索引標籤**」、「**閱讀更多連結**」和「**視訊會議徽章**」。  
   * **課程供應狀況：**編輯「**供應狀況文字**」和「**無可預訂時段文字**」。  
   * **服務操作：**編輯「**線上預訂按鈕**」、「**更多資訊按鈕**」、「**請求預訂按鈕**」、「**查看課程按鈕**」和「**探索方案連結**」。

**Wix Harmony 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「服務清單」元件。
3. 點擊操作列上的「**編輯文字**」。
4. 在「**選擇要編輯文字的元件**」下方選擇一個選項：「**頁面標題**」、「**服務選單**」、「**服務**」、「**預訂按鈕**」或「**載入更多按鈕**」。
5. 編輯任何可用選項的文字。

---

## 步驟 5｜設計服務清單元件

服務清單文字設定完成後，即可自訂服務頁面的設計，使其符合網站與品牌風格。您可自訂背景、分隔線、文字樣式和按鈕設計。

**Wix 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「服務清單」元件。
3. 點擊**「設定」**。
4. 點擊**「設計」**索引標籤。
5. 使用下列選項設計服務清單：  
   * **背景與分隔線**：使用滑桿自訂背景與分隔線的不透明度、色彩、邊框等設定。  
   * **文字樣式：**點擊**「文字」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2019/05/05/5b173687-797f-4507-b8f3-f8ab1c57d91f/e6e6cc51-dfd8-431c-98e3-8e4ac26e256e.png)，即可編輯服務清單中各段文字的樣式、色彩和字型。  
   **注意：**若標題已隱藏，可前往**「顯示」**索引標籤，將標題設為顯示。  
   * **服務操作設計：**選擇**「預訂」按鈕**和**「探索方案」連結**的樣式、字型和色彩，並調整按鈕背景和不透明度。  
   * **索引標籤設計：**選擇索引標籤的標準設計，包括文字字型和色彩，以及**分隔線不透明度與色彩**。**注意：**服務清單中有多個地點或類別時，才會顯示索引標籤。若要顯示不同的服務類別，請在「顯示」索引標籤中啟用**「在服務清單顯示索引標籤」**切換按鈕。

**Studio 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「服務清單」元件。
3. 點擊**「設定」**。
4. 點擊**「設計」**索引標籤。
5. 使用下列選項設計服務清單：  
   * **背景與分隔線**：使用滑桿自訂背景與分隔線的不透明度、色彩、邊框等設定。  
   * **文字樣式：**點擊**「文字」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2019/05/05/5b173687-797f-4507-b8f3-f8ab1c57d91f/e6e6cc51-dfd8-431c-98e3-8e4ac26e256e.png)，即可編輯服務清單中各段文字的樣式、色彩和字型。  
   **注意：**若標題已隱藏，可前往**「顯示」**索引標籤，將標題設為顯示。  
   * **服務操作設計：**選擇**「預訂」按鈕**和**「探索方案」連結**的樣式、字型和色彩，並調整按鈕背景和不透明度。  
   * **索引標籤設計：**選擇索引標籤的標準設計，包括文字字型和色彩，以及**分隔線不透明度與色彩**。**注意：**服務清單中有多個地點或類別時，才會顯示索引標籤。若要顯示不同的服務類別，請在「顯示」索引標籤中啟用**「在服務清單顯示索引標籤」**切換按鈕。

**Wix Harmony 編輯器:**

1. [前往編輯器](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26)。
2. 點擊「服務清單」元件。
3. 點擊操作列上的**「設定」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/08/c392eea5-3b7b-411e-a4e3-adccf49986b5/e301c7eb-1dda-4f8b-8bb0-b8262c91db10.png)。
4. 點擊**「設計」**索引標籤。
5. 使用下列選項設計服務清單：  
   * **背景與分隔線**：使用滑桿設計背景和服務之間的分隔線。自訂不透明度、色彩、邊框等設定。  
   * **文字樣式：**點擊**「文字」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/18/1728c175-0659-48f2-818c-9a517a35e106/a670270b-48d0-4580-be1e-70d2e9b4c803.png)，即可編輯服務清單中各段文字的樣式、色彩和字型。  
   **注意：**若標題已隱藏，可前往**「顯示元件」**面板 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/01/14/6368d302-5f3a-4572-974b-c7a536d35365/f26d056b-1146-4a56-98eb-0897886a3e9e.png)，將標題設為顯示。  
   * **服務操作設計：**選擇**「預訂」按鈕**和**「探索方案」連結**的樣式、字型和色彩，並調整按鈕背景和不透明度。  
   * **索引標籤設計：**選擇索引標籤的標準設計，包括文字字型和色彩，以及**分隔線不透明度與色彩**。  
   **注意：**服務清單中有多個地點或類別時，才會顯示索引標籤。若要顯示不同的服務類別，請在「顯示」索引標籤中啟用**「將服務組成群組」**切換按鈕。

---

## 常見問題

點擊下方，進一步了解服務清單的設定方法。

**如何調整行動裝置上的版面配置？**

在編輯器中切換至行動版檢視，即可調整行動裝置上的版面配置。 

  
 在「設定」面板的「版面配置」索引標籤中，可選擇 2 種版面配置樣式和 3 種服務圖片形狀。版面配置現已完全採用回應式設計，可在行動裝置上提供更優質的體驗。 

  
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2022/10/28/37e8dbb7-61d5-47e6-8f5f-f0a28842670a/82de0426-99e3-46c0-bc21-f3d878c1d30c.png)

**為什麼看不到索引標籤？**

只有服務清單中有超過 1 個地點或類別時，才會顯示索引標籤。若要顯示不同的服務類別，請在「顯示」索引標籤中開啟「**在服務清單上顯示索引標籤**」切換開關。 

  
**注意：**若使用 Wix Harmony 編輯器，請在「顯示」索引標籤中開啟「**將服務組成群組**」切換開關。