# Wix Bookings：新增及自訂購物車

Source: https://support.wix.com/zh-hant/article/wix-bookings%EF%BC%9A%E6%96%B0%E5%A2%9E%E4%B8%A6%E8%87%AA%E8%A8%82%E8%B3%BC%E7%89%A9%E8%BB%8A (updated 2026-10-09)
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/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/01/06/1bacc75e-56d9-4445-9589-7da89d106e29/477f7437-9a49-424b-b6f4-f7304bd0b01b.png)

> **備註：**
>
> * 若要讓客戶將產品及服務加入購物車，請[在網站新增 Wix Stores](https://support.wix.com/zh-hant/article/wix-stores-adding-wix-stores)。
> * 目前無法將定價方案加入購物車。客戶嘗試購買僅限方案的服務時，需先購買方案，再返回購物車完成結帳。

---

## 在網站新增購物車

在網站新增購物車，讓客戶透過單次結帳即可預訂多項服務。

安裝購物車後，客戶每次將其他服務加入購物車時，系統都會自動在預訂表單中填入詳細資料。客戶可[使用預訂表單中的自訂欄位](https://support.wix.com/zh-hant/article/wix-bookings-creating-and-setting-up-your-booking-forms)，為每筆預訂輸入不同的詳細資料。若需要更具體的資訊，也可[為每項服務建立自訂表單](https://support.wix.com/zh-hant/article/wix-bookings-creating-and-setting-up-your-booking-forms#step-2-create-a-custom-form-for-a-specific-service)。

### 在網站新增購物車：

1. [前往網站管理介面的「預訂設定」](https://www.wix.com/my-account/site-selector/?buttonText=Manage%20Booking%20Settings&title=Select%20a%20Site&autoSelectOnSingleSite=true&actionUrl=https://www.wix.com/dashboard/%7B%7BmetaSiteId%7D%7D/bookings/settings)。
2. 點擊**「客戶預訂流程」**（位於**「線上預訂」**下方）。
3. 向下捲動至**「結帳設定」**區段，並啟用**「購物車」**切換開關。
4. 點擊**「儲存」**。  
**注意：**系統會在網站新增購物車圖示。本文其他區段提供購物車設定的詳細指示。

![顯示如何在管理介面存取結帳設定的螢幕截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2026/01/15/ca560908-0b6b-43fb-b966-79de1abffdb3/4930c9d3-35c2-4b29-8e47-0f85d5f8adec.png)

> **提示：** 使用購物車結帳後，商家和客戶會在購買完成時收到訂單確認電子郵件。您可前往 eCommerce 設定[編輯或停用這些電子郵件](https://support.wix.com/zh-hant/article/wix-bookings-understanding-your-checkout-settings#managing-your-order-confirmation-emails)。

---

## 自訂購物車頁面

自訂顯示客戶購物車服務的頁面，使其符合網站樣式和品牌形象。

### 自訂購物車頁面：

**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. 前往購物車頁面：  
   1. 點擊編輯器左側的**「頁面與選單」**![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/0b84b086-cf99-4826-93e0-9ffff492898a/c4974969-a151-4474-b053-c2dcfe3e00e6.png)圖示。  
   2. 點擊**「購物車與感謝頁面」**。  
   3. 點擊**「購物車頁面」**。  
   ![A screenshot showing how to access the cart page in the Wix Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2024/04/15/d20fa52f-a6c0-4dc0-bb68-afd89982130e/fed3cf83-446c-4cd2-bf9e-53a96a5f2341.png)
3. 點擊頁面上的購物車頁面元件。
4. 點擊**「設定」**。
5. 選擇要執行的操作：

**自訂設定**

1. 點擊**「設定」**索引標籤。
2. 勾選要顯示資訊旁的相關核取方塊：  
   * **運費與送貨價格：**客戶購買產品時，根據所在地點顯示適用的送貨選項。  
   **注意：**只有同時銷售產品和服務時，才適用此選項。  
   * **稅金：**根據顧客所在地點顯示適用的預估稅金。  
   **注意：**若[產品價格已含稅](https://support.wix.com/zh-hant/article/including-tax-in-the-product-price)，系統便不會顯示預估稅金。  
   * **促銷代碼連結：**允許顧客兌換優惠券代碼。系統也會在結帳頁面新增促銷代碼連結。  
   * **新增備註：**讓顧客為購買內容新增訊息。
3. （選填）啟用**「顯示連結」**切換開關，在購物車頁面新增**「繼續購物」**連結。接著，點擊**「連結」**圖示![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2021/03/24/346334b6-6e96-4aa3-91b9-5c30552b7369/b8b4e90c-7006-4339-8177-16578008751e.png)，選擇此連結導向的網站頁面。  
    
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/03/09/8e4ae33c-cb71-47aa-9c18-3961ab59b37e/a5ebd539-7ce5-4dd5-9a49-6c8c78d4f4c2.png)
4. （選填）啟用「快速結帳」下方的**「顯示按鈕」**切換開關，顯示網站適用的[快速結帳選項](https://support.wix.com/zh-hant/article/about-express-checkout-buttons)。

**自訂設計**

1. 點擊**「設計」**索引標籤。
2. 使用可用選項，自訂下列區段的設計設定：  
   * **背景與框線：**變更頁面背景和分隔線的色彩。  
   * **文字字型與色彩：**變更頁面標題、內文和連結的色彩與字型。  
   * **按鈕：**變更購物車頁面上按鈕的色彩、樣式和外觀。  
   * **付款方式：**設計代表可用付款方式的按鈕。  
         
   ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/03/09/097db9a6-5542-44a9-bfb0-21ab7cf98256/19996939-69c4-4304-ba62-3a0fb5290aa1.png)

**自訂文字**

1. 點擊「**文字**」索引標籤。
2. 編輯購物車頁面上顯示的文字（例如「結帳」按鈕、指示文字、免責聲明、標題等）。  
    
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/03/09/6aec9dfd-3321-4446-abdf-a9ba21d6b5ec/e5bc033b-6a72-4259-9ba3-72e341c52f77.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. 前往購物車頁面：  
   1. 點擊編輯器左側的「**頁面**」![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/321a54e1-ec18-42be-9c2b-b93f3f6c8383/b26db553-6344-412a-b9f6-16f1a76dba92.png)。  
   2. 點擊「**購物車與感謝頁面**」下方的「**購物車頁面**」。  
   3. 點擊「**購物車頁面**」。  
   ![A screenshot showing how to access your cart page in the Wix Studio Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2024/04/15/254090a7-a618-4c1c-995a-dd54550b0007/21a29ca1-ac54-447d-8773-cda16e887c36.png)
3. 點擊頁面上的購物車頁面元件。
4. 點擊「**設定**」。
5. 選擇要執行的操作：

**自訂設定**

1. 點擊「**設定**」索引標籤。
2. 勾選要顯示資訊旁的相關核取方塊：  
   * **運費與送貨費率：**客戶購買產品時，根據所在位置顯示適用的送貨選項。  
   **注意：**只有同時銷售產品和服務時，此設定才適用。  
   * **稅金：**根據顧客所在位置顯示預估稅金。  
   **注意：**若[產品價格已含稅](https://support.wix.com/zh-hant/article/including-tax-in-the-product-price)，系統不會顯示預估稅金。  
   * **促銷代碼連結：**允許顧客兌換優惠券代碼。系統也會在結帳頁面新增促銷代碼連結。  
   * **新增備註：**允許顧客為訂單新增訊息。
3. （選填）啟用「**顯示連結**」切換開關，在購物車頁面新增「**繼續購物**」連結。接著，點擊「**連結**」圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2021/03/24/346334b6-6e96-4aa3-91b9-5c30552b7369/b8b4e90c-7006-4339-8177-16578008751e.png)，選擇連結導向的網站頁面。  
    
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/03/09/8e4ae33c-cb71-47aa-9c18-3961ab59b37e/a5ebd539-7ce5-4dd5-9a49-6c8c78d4f4c2.png)
4. （選填）啟用「快速結帳」下方的「**顯示按鈕**」切換開關，顯示網站適用的[快速結帳選項](https://support.wix.com/zh-hant/article/about-express-checkout-buttons)。

**自訂設計**

1. 點擊「**設計**」索引標籤。
2. 使用可用選項自訂以下區段的設計設定：  
   * **背景和框線：**變更頁面背景和分隔線的色彩。  
   * **文字字型和色彩：**變更頁面標題、內文和連結的色彩與字型。  
   * **按鈕：**變更購物車頁面中按鈕的色彩、樣式和外觀。  
   * **付款方式：**設計代表可用付款方式的按鈕。  
         
   ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/03/09/097db9a6-5542-44a9-bfb0-21ab7cf98256/19996939-69c4-4304-ba62-3a0fb5290aa1.png)

**自訂文字**

1. 點擊「**文字**」索引標籤。
2. 編輯購物車頁面顯示的文字（例如「結帳」按鈕、指示文字、免責聲明和標題等）。  
    
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/03/09/6aec9dfd-3321-4446-abdf-a9ba21d6b5ec/e5bc033b-6a72-4259-9ba3-72e341c52f77.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. 前往購物車頁面：  
   1. 點擊頁面左上角的「**頁面**」下拉式選單。  
   2. （在「網站頁面」面板中）選擇「**預訂頁面**」下方的「**購物車頁面**」。
3. 點擊頁面上的購物車元件。
4. 點擊操作列上的「**設定**」圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2026/01/14/d82d6d62-18c4-4c39-b64f-e1528af1b171/4dbbbaad-86bf-4997-82d0-574eb7415ba6.png)。
5. 選擇要執行的操作：

**自訂設定**

1. 點擊「**設定**」索引標籤。
2. 自訂以下項目：  
   * **「繼續瀏覽」連結：**  
         * **顯示連結：**點擊切換開關，即可在購物車頁面顯示或隱藏「繼續瀏覽」連結。  
         * **連結至何處？**選擇連結要將客戶導向的位置，例如主要服務頁面或網站上的其他頁面。  
   * **顯示按鈕：**點擊切換開關，即可顯示或隱藏快速結帳按鈕。關閉後，結帳頁面也會隱藏快速結帳按鈕。

**自訂設計**

1. 點擊「**設計**」索引標籤。
2. 使用可用選項自訂以下區段的設計設定：  
   * **背景與邊框：**變更頁面背景和分隔線的色彩。  
   * **文字字型與色彩：**變更頁面標題、內文和連結的色彩與字型。  
   * **按鈕：**變更購物車頁面上按鈕的色彩、樣式和外觀。  
   * **付款方式：**設計代表可用付款方式的按鈕。

> **提示：** 點擊操作列上的**顯示元件**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2026/01/15/972b6768-0c9d-4b7f-965a-c6d3ce4f2855/ce7bd899-55f4-475e-b31c-c7f02bb36a19.png)，並選擇要在購物車頁面顯示的元件，例如運費、送貨價格、促銷代碼等。

---

## 自訂購物車圖示

選擇適合品牌和商業形象的購物車圖示，再自訂設計，使其與網站完美搭配。

### 自訂購物車圖示：

**Wix 編輯器:**

1. 在編輯器中點擊「**購物車**」圖示![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2020/07/30/d264fcef-7ab5-4b9c-aefe-350ae439eb18/1ddeba5e-d32f-4f6b-8f5a-db302efe8f60.png)。
2. 點擊「**設定**」。
3. 點擊「**購物車圖示**」索引標籤。
4. 選擇購物車圖示的自訂方式：  
   * 為圖示選擇新外觀。  
   * 自訂圖示的色彩、字型或文字。**提示：**可用選項會依所選圖示而異。

![在編輯器中編輯購物車圖示的畫面截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/03/09/ec33fef3-79ae-47e1-add0-0aa8355d9cb6/76499f41-4303-4ec3-ae67-11292fe759de.png)

**Studio 編輯器:**

1. 在編輯器中點擊「**購物車**」圖示![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2020/07/30/d264fcef-7ab5-4b9c-aefe-350ae439eb18/1ddeba5e-d32f-4f6b-8f5a-db302efe8f60.png)。
2. 點擊「**設定**」。
3. 點擊「**購物車圖示**」索引標籤。
4. 選擇購物車圖示的自訂方式：  
   * 為圖示選擇新外觀。  
   * 自訂圖示的色彩、字型或文字。**提示：**可用選項會依所選圖示而異。

![在編輯器中編輯購物車圖示的畫面截圖。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/03/09/ec33fef3-79ae-47e1-add0-0aa8355d9cb6/76499f41-4303-4ec3-ae67-11292fe759de.png)

**Wix Harmony 編輯器:**

1. 點擊編輯器中的**「購物車」**圖示![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8769cf44-f342-494c-b25f-cc98c9da3e82/2020/07/30/d264fcef-7ab5-4b9c-aefe-350ae439eb18/1ddeba5e-d32f-4f6b-8f5a-db302efe8f60.png)。
2. 點擊操作列上的**「設定」**圖示 ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2026/01/14/d82d6d62-18c4-4c39-b64f-e1528af1b171/4dbbbaad-86bf-4997-82d0-574eb7415ba6.png)。
3. 選擇要自訂的項目：  
   * **購物車圖示：**選擇新圖示並調整樣式。  
   * **彈出式視窗：**顧客將項目新增至購物車時，顯示成功通知。  
   * **設定：**選擇訪客點擊購物車圖示後的動作，例如顯示側邊購物車或開啟完整的購物車頁面。

---

## 自訂側邊購物車

側邊購物車是購物車頁面的預覽，會在網站頁面側邊開啟。顧客可點擊購物車圖示或「新增至購物車」按鈕，開啟側邊購物車。  
  
 客戶可在此查看已新增至購物車的服務，接著選擇繼續購物，或前往購物車頁面結帳。

您可自訂側邊購物車的開啟時機、文字和設計，使其符合品牌的外觀和形象。

[深入了解如何存取及自訂側邊購物車](https://support.wix.com/zh-hant/article/customizing-the-side-cart)。

---

## 常見問題

如有任何疑問，我們隨時提供協助。點擊下方問題即可了解更多資訊。

**客戶看到的購物車外觀為何？**

在網站新增購物車後，客戶會在結帳前看到「新增至購物車」選項。購物車圖示也會顯示在網站右上角。 

  
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/01/06/e06a7e7b-f2f9-46a1-8c21-7ec125f10f98/e40f5005-dc2e-4b30-92b9-aa873b4d3abf.png) 

  
 客戶將服務或產品新增至購物車後，可選擇**「查看購物車」**或**「新增更多時段」**。 

  
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/01/10/7a6503e7-62f6-419f-a217-2c7613e9b148/a682c091-44fb-4603-ada9-03864b61fb93.png) 

  
 客戶新增至購物車的預訂和產品總數會顯示在網站右上角。 

  
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/01/06/c645122c-5399-4ab8-9cd5-91070a3c1818/e82b40cc-1d1a-4da2-af0d-e5fb69eac64f.png)

**可以停用購物車結帳嗎？**

可以，隨時都能停用。不過，這不會停用 Wix Stores 購物車。即使停用購物車功能，購物車圖示仍會保留在網站上。 

  
**若要停用購物車結帳：** 

1. 前往網站管理介面的[「預訂設定」](https://www.wix.com/my-account/site-selector/?buttonText=Manage%20Booking%20Settings&title=Select%20a%20Site&autoSelectOnSingleSite=true&actionUrl=https://www.wix.com/dashboard/%7B%7BmetaSiteId%7D%7D/bookings/settings)。
2. 點擊**「線上預訂」**下方的**「客戶預訂流程」**。
3. 向下捲動至**「結帳設定」**區段，並停用**「購物車」**切換開關。
4. 點擊**「儲存」**。

  
**提示：**建議隱藏購物車圖示，而不要將其刪除，否則日後再次啟用 Wix Bookings 購物車時可能會發生問題。

**客戶嘗試將僅限方案的服務加入購物車時，會發生什麼情況？**

客戶嘗試將僅限方案的服務加入購物車時，可以選擇是否購買適用的方案。 

  
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/01/06/f91cb63e-7836-457f-976f-936cd8d92d09/07f5b5ce-e983-4a46-934b-9f29a9c93500.png) 

  
 選擇購買方案的客戶接著可按照指示完成購買。 

  
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/01/06/a15f82ad-ba63-47b0-a287-110f9072b5bc/45f6057a-dc59-4d31-a612-aed521539449.png)  
  
接著，客戶便可完成預訂。  
  
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/01/06/df91c5b7-0abf-41c3-9014-cfcd7ef0d6b9/79d12abc-187d-4bdc-80bd-5e83a09f13cd.png)

**Wix Member apps 支援購物車嗎？**

Wix Member apps 目前不支援購物車。

**客戶可以略過購物車嗎？**

免費、自訂價格或僅限方案的服務可以略過購物車，直接前往結帳。 

  
 點擊「加入購物車」後，客戶可以選擇將更多時段加入購物車，或完成所選時段的預訂。 

  
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6c3762e1-9c1a-4295-a5a9-bf8de5216635/2023/01/10/730be5b1-9d23-413e-9e72-1ae5d437ebe6/78a2d2cd-86a9-4895-a238-2b22ebed4dd7.png)