Wix 說明

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

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

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

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

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

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

將按鈕連結至產品:

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

步驟 3|按鈕設計

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

自訂按鈕設計:

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