Built on WIX Headless

目錄付款

在 CMS for Harmony 顯示元件上以 Add to cart 與 Buy now 販售 CMS 集合項目——Pro 方案、Wix 購物車與結帳。

Catalog payments(Pro)讓訪客可對集合項目使用 Add to cart 或 Buy now。目錄來自你的 CMS 欄位——不是 Wix Stores 商品——結帳則使用網站的 Wix 購物車與結帳。

需求

  • Pro 方案 — 付款(購物車與結帳)需要 Pro。Free/Supporter 網站會在面板與儀表板看到升級提示。
  • 集合至少要有 Name 欄位與 Price 欄位(數字)。
  • 付款 CTA 只在正式網站上有效(編輯器預覽無效)。

在集合上啟用付款

在 CMS for Harmony 儀表板:

  1. 開啟集合的 ⋯ 選單,選擇 Enable payments。
  2. 對應 Name field 與 Price field(必填)。可選擇對應 Description、Image、Quantity。
  3. 若需在不離開模態框的情況下新增欄位,使用 + Create new field…。
  4. 儲存。集合會顯示 Payments 徽章。之後可從同一選單使用 Edit catalog 或 Remove catalog。

連接到該集合的小工具即可開啟付款動作。

在顯示元件上顯示 Add to cart/Buy now

支援的小工具:Repeater、Table、Dynamic Page、Media Gallery(lightbox),以及 Slideshow(每個投影片)。

  1. 連接已啟用 catalog payments 的集合。
  2. 在小工具面板開啟 Payments 區段。
  3. 開啟 Show payment actions。
  4. 選擇 Add to cart、Buy now,或兩者;設定按鈕標籤與樣式。
  5. 對於 Add to cart,設定 After add to cart:Nothing、Open side cart,或 Go to cart page。
  6. 發佈並在正式網站上測試。

Buy now 會加入項目並導向 Wix Checkout。Add to cart 使用目前購物車(以及選用的側邊購物車/購物車頁面)。

注意事項

  • Calendar 不包含 catalog payment CTA。Form 另有 pay-on-submit(不是目錄項目上的 Add to cart/Buy now)。
  • Catalog payments 與 Wix Stores 商品目錄分開——項目仍留在你的 CMS 集合,並帶有目錄欄位對應。
  • 沒有 Pro 時,付款開關維持關閉,面板會顯示 Upgrade to Pro。