Wix 說明
首頁
文章庫
管理商家
訂單、購物車與結帳
購物車與結帳

自訂側邊購物車

7 分鐘
重要：

  • 本文適用於 Wix Stores、Wix Bookings、Wix Restaurants Orders 和定價方案。

  • Wix Donations 不提供購物車頁面。

側邊購物車是購物車頁面的預覽，會從網站頁面側邊開啟。顧客可點擊購物車圖示或「加入購物車」按鈕，開啟側邊購物車。
側邊購物車螢幕截圖

在編輯器中存取側邊購物車

若只使用 1 個商務解決方案，可透過編輯器中該解決方案的頁面區段存取側邊購物車。例如，若只使用 Wix Stores，可在 商店頁面下找到側邊購物車。

不過，若使用多個商務解決方案（例如 Wix Stores 和 Wix Bookings），可在購物車與感謝頁面下找到側邊購物車。
  1. 前往編輯器。
  2. 點擊編輯器左側的頁面與選單。
  3. 選擇相關的商務解決方案（商店頁面、預訂頁面或餐廳頁面），或選擇購物車與感謝頁面。
  4. 選擇側邊購物車。

設定購物車圖示以開啟側邊購物車

您可選擇顧客點擊購物車圖示後的操作。該圖示可將顧客導向側邊購物車，或直接前往購物車頁面。

若要設定點擊購物車圖示後的操作：

  1. 點擊編輯器中的購物車圖示 。
購物車圖示截圖
  1. 點擊「設定」。
  2. 選擇「設定」分頁。
  3. 選擇選項：
    • 顯示側邊購物車：顧客點擊購物車圖示時，側邊購物車會從右側開啟。顧客可點擊「查看購物車」前往購物車頁面，或點擊「結帳 」直接完成訂單購買流程。
    • 開啟完整購物車頁面：顧客點擊購物車圖示時，系統會將顧客帶往購物車頁面。

「加入購物車」按鈕的側邊購物車開啟設定

可設定顧客點擊「加入購物車」按鈕後的操作。此按鈕可設為開啟側邊購物車，或執行任何其他選項。
提示：
  • 此選項僅適用於 Wix Stores。
  • 此按鈕可顯示在產品頁面、類別頁面或圖庫中。
產品頁面截圖

「加入購物車」按鈕點擊設定：

  1. 點擊編輯器中的「產品頁面」、「類別頁面」或「格線圖庫」。
    提示：這些頁面和圖庫中的按鈕可分別自訂。
  2. 點擊「設定」。
  3. 點擊「設定」分頁。
  4. 在「加入購物車按鈕」下方，檢查「顯示按鈕」切換開關是否已啟用。
  5. 在「點擊按鈕時」下方，選擇選項：
    • 顯示成功彈出式視窗：系統會顯示彈出式通知。
      注意：行動裝置不會顯示成功彈出式視窗。系統會將使用行動裝置的顧客帶往購物車頁面。
    • 開啟側邊購物車：側邊購物車會從畫面側邊開啟。
    • 前往購物車頁面：系統會直接將顧客帶往購物車頁面。
    • 留在頁面：顧客會留在目前頁面。按鈕會顯示勾號，表示產品已成功加入購物車。

自訂側邊購物車

變更側邊購物車的文字和設計，使其符合品牌的外觀和形象。
提示：
若要在自訂時查看包含項目的側邊購物車，請點擊編輯器右上角的 「預覽」，新增一個項目（例如產品或服務），然後點擊 「返回編輯器」即可退出預覽模式。

自訂側邊購物車：

  1. 點擊編輯器中的側邊購物車。
  2. 點擊「設定」或「設定」圖示。
Wix 編輯器的螢幕截圖，顯示部分側邊購物車，且「設定」按鈕以邊框標示
  1. 使用可用選項自訂側邊購物車：
    • 設定：顯示或隱藏側邊購物車中的任何元件。
    • 設計：自訂色彩、字型、不透明度等設定。
    • 文字：編輯預設文字。
  2. 自訂頁面其餘區域的覆蓋層：
    1. 點擊側邊購物車以外的頁面任意位置。
      Screenshot of part of the Side Cart in the Wix editor
    2. 點擊「變更背景」。
    3. 點擊「設定」並自訂覆蓋層。
  3. 設定顧客點擊側邊購物車外部時的動作：
    1. 點擊側邊購物車以外的頁面任意位置。
    2. 點擊「設定覆蓋層」。
    3. 點擊「點擊即關閉彈出式視窗」切換按鈕，即可啟用或停用此功能：
      • 啟用：顧客點擊側邊購物車外部時，側邊購物車會關閉。顧客也可點擊上方角落的「X」關閉側邊購物車。
      • 停用：顧客點擊側邊購物車外部時，不會有任何動作。顧客可點擊上方角落的「X」關閉側邊購物車。
  1. 完成後，點擊「離開模式」。
Wix 編輯器的螢幕截圖，顯示部分側邊購物車，且「離開模式」按鈕以邊框標示
  1. （選用，僅限 Wix 編輯器）您可切換至行動版編輯器，並自訂行動版側邊購物車。
    提示：在行動版編輯器中進行的自訂不會影響桌面版側邊購物車。

常見問題

點擊下方問題即可了解更多資訊。