開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
placeholder-preview-image

Wix Stores:新增及設定「加入購物車」按鈕

可在網站任意位置放置獨立的「加入購物車」按鈕。此按鈕會連結至所選產品。若在網站某處介紹產品,並希望顧客能輕鬆將產品加入購物車,這項功能便非常實用。

步驟 1|新增「加入購物車」按鈕

先前往相關頁面,再將「加入購物車」按鈕從「新增」面板拖曳到最合適的位置。
動畫顯示如何在 Wix 網站頁面新增「加入購物車」按鈕
  1. 前往編輯器。
  2. 點擊編輯器左側的「新增元件」 。
  3. 點擊「商店」。
  4. 將「加入購物車」按鈕拖曳到頁面。

步驟 2|將按鈕連結至產品

若要讓按鈕正常運作,請選擇顧客點擊按鈕時要加入購物車的產品。
「設定」面板的螢幕截圖,顯示如何選擇要連結至「加入購物車」按鈕的產品

將按鈕連結至產品:

  1. 點擊編輯器中的「加入購物車」按鈕。
  2. 點擊「設定」。
  3. (選用)編輯按鈕文字。
  4. 將按鈕連結至產品。選擇預設產品或其他產品。

步驟 3|按鈕設計

現在可設計按鈕,使其與頁面完美搭配。

自訂按鈕設計:

  1. 點擊編輯器中的「加入購物車」按鈕。
  2. 點擊「設定」。
  3. 點擊「設計」。
  4. 進行以下任一自訂:
    • 選擇按鈕樣式。
    • 選擇按鈕色彩,並拖曳滑桿調整不透明度。
    • 選擇框線色彩,並拖曳滑桿調整框線寬度。
    • 拖曳滑桿,將邊角調整得更圓或更方正。
    • 選擇文字色彩或字型。
「加入購物車」按鈕可用設計選項的螢幕截圖
注意:
產品缺貨時,按鈕文字會變為「缺貨」。無法編輯「缺貨」按鈕的設計。