Wix 說明

將 CMS(內容管理系統)集合轉換為可供銷售的目錄,即可集中管理內容與電商業務。如果項目已儲存在 CMS 中,或想銷售指南、租借商品、數位下載內容、藝術品或課程等內容導向項目,而不想先建立傳統產品目錄,目錄集合會很適合。

使用目錄集合,即可在集合中管理項目,並使用 Wix 的購物車、結帳、付款、折扣和訂單管理等電商功能。如果銷售實體商品,也可設定運費和稅金收取方式。
開始之前:
  • 若尚未新增 CMS,需先將 CMS 新增至網站。
  • 準備銷售項目時,請將網站升級至支援線上銷售的方案。
  • 顧客必須先設定至少一種付款方式,才能完成結帳。
  • 目錄集合最適合用來銷售以內容為主的項目。如果需要產品款式、進階庫存工具或更複雜的商店設定,Wix Stores 可能更適合。

選擇目錄集合的建立方式

可以從現有集合開始,也可以建立新的目錄集合。請根據內容目前的儲存位置選擇合適的方式。

建立新的目錄集合

如果要從頭開始,並為預計銷售的項目建立集合,請使用此方法。

建立新的目錄集合:

  1. 前往網站管理介面的 CMS。也可以在編輯器中點擊 CMS,然後點擊集合。

  2. 點擊右上角的建立集合。

  3. 選擇目錄集合,然後點擊下一步。

  4. 輸入目錄集合名稱。

  5. (視需要)編輯目錄集合 ID。此 ID 會用於網站程式碼,之後無法修改。

  6. 選擇要在購物車和結帳頁面顯示的目錄欄位。接著需要將這些欄位對應至集合欄位,之後也可新增更多欄位。

  7. 在基本資料下選擇要加入的目錄欄位:

    • 名稱和價格為必填欄位,且預設已加入。

    • 圖片和說明為選填欄位,且預設已選擇。如不需要,請取消選擇。

  8. (選填)如果要加入可讓顧客在購買後下載的數位檔案,請選擇履行下的數位檔案。深入了解「數位資產」欄位類型。

  9. 點擊建立集合。

建立目錄集合的畫面截圖。
  1. 手動新增欄位至集合,或匯入 CSV 檔案:
  2. 新增項目至集合:
    1. 點擊「+新增項目」。
    2. 在每個相關欄位中新增項目內容。
    3. 重複此步驟,建立所需數量的項目。

將現有集合轉換為目錄集合

若集合中已有項目,且想新增銷售功能,請使用此方法。此方法適合 CMS 中已有既定結構的集合,例如課程、下載內容、租借、藝術品或指南。

將集合轉換為目錄集合並發布網站後,系統會自動將結帳頁面和購物車頁面新增至網站。接著,請自訂銷售項目的頁面,並新增購買操作。

將現有集合轉換為目錄集合:

  1. 前往網站管理介面中的 CMS。也可以在編輯器中點擊「CMS」,然後點擊「集合」。 
  2. 點擊相關集合。
  3. 點擊右上方的「更多操作」,然後選擇「銷售項目」。
選擇「銷售項目」以轉換現有集合的畫面截圖。
  1. 在設定視窗中點擊「繼續」。
  2. 在「設定目錄欄位」對話方塊中,將集合欄位對應至目錄欄位:
    • 項目名稱:選擇儲存項目名稱的文字欄位。
    • 價格:選擇儲存項目價格的數字欄位。
    • 圖片:(選填)選擇圖片欄位來顯示產品圖片。
    • 說明:(選填)選擇文字或多格式文字欄位來顯示項目詳細資料。
  3. (選填)若要加入供顧客購買後下載的檔案,請新增「數位資產」欄位類型:
    1. 點擊「+新增目錄欄位」。
    2. 從下拉式選單中選擇相關的「數位資產」欄位,或選擇「+新增欄位」來建立新欄位。
  4. 點擊「設定欄位」。
目錄欄位設定畫面。

新增欄位和項目至目錄集合

目錄集合包含銷售所需的欄位。您可依銷售的項目類型新增更多欄位。


若要銷售目錄集合中的項目,集合中必須包含標題和價格欄位。建議新增圖片和描述欄位,提供更完善的購物體驗。設定集合後,即可新增要銷售的項目。


銷售體驗設定

目錄集合準備完成後,需要建立頁面,讓顧客瀏覽及購買項目。一般而言,需要新增動態頁面,並將購買操作連結至按鈕。

目錄集合準備完成後,需要建立頁面,讓顧客瀏覽及購買項目。通常可為目錄新增動態頁面,再配合網站需求進行自訂。

開始之前:
新增目錄的動態頁面前,請先建立目錄集合。

新增目錄動態頁面

目錄集合使用動態項目頁面和動態清單頁面,在網站上顯示集合內容。項目頁面一次顯示一個項目,清單頁面則同時顯示多個項目。

新增動態頁面,在網站上顯示目錄項目。選擇目錄項目頁面,一次顯示一個項目;或選擇目錄清單頁面,同時顯示多個項目。


不必自行連結這些頁面。頁面中的元件已連結至目錄欄位,包括項目名稱、價格、圖片和描述;加入購物車和立即購買按鈕也已連結至對應的購買操作。之後可變更任何連結,也可從空白頁面開始,自行連結元件。

  1. 前往編輯器。
  2. 點擊編輯器左側的 CMS  。
  3. 點擊集合。
  4. 將游標懸停在相關目錄集合上,點擊更多操作圖示 ,然後選擇新增動態頁面。
為目錄集合新增動態頁面的畫面。
  1. 選擇要新增的動態頁面類型:

    • 目錄清單頁面:在中繼器的元件中顯示多個項目。

    • 目錄項目頁面:在文字、按鈕和圖片等已連結的元件中,一次顯示一個項目。

    • 空白頁面:手動新增元件並連結至集合後,一次顯示一個項目。

    • 管理項目頁面:一次顯示一個項目,具備權限的人員可直接從已上線網站編輯內容。

為目錄集合新增動態頁面的畫面
  1. 點擊「新增至網站」。

  2. (如有需要)點擊任一元件即可進行編輯。點擊 CMS 圖示 ,即可選擇要連結至各元件的集合欄位。

  3. (如有需要)重複這些步驟,新增其他類型的動態頁面。

  4. 準備好讓變更上線後,發布網站。


將購買操作新增至動態頁面

如果已新增「目錄項目頁面」或「目錄清單頁面」,頁面上會已有購買按鈕。按照以下步驟新增其他按鈕,或將購買操作新增至空白頁面,或在開始銷售前建立的動態頁面。

購買操作按鈕是連結至資料集的一般按鈕或圖片。每個按鈕都有一項點擊操作,例如「加入購物車」或「立即購買」,用來決定顧客點擊後執行的操作。在清單頁面中,可將購買按鈕放入重複項目,讓顧客不必開啟各個項目頁面即可新增商品。

注意:

在 Wix Harmony 編輯器中,可建立目錄集合,並在重複項目中顯示集合內的商品。不過,目前尚無法新增「加入購物車」或「立即購買」按鈕。您可投票支持在 Wix Harmony 中銷售目錄集合商品。

  1. 前往編輯器,並開啟相關的動態頁面。
  2. 新增一般按鈕或圖片,作為購買操作按鈕。
  3. 點擊按鈕或圖片,接著點擊「連結至 CMS」圖示 。
  4. 確認資料集已連結至目錄集合。
  5. 點擊「點擊動作連結至」下拉式選單,並選擇要指派給按鈕的動作:
    • 新增至購物車:點擊後會開啟側邊面板,顧客可將項目新增至購物車。
    • 立即購買:點擊後,顧客會前往結帳頁面購買項目。
在資料集中選擇「新增至購物車」點擊動作的畫面截圖。
  1. 點擊按鈕上的「變更文字」,自訂按鈕顯示的靜態文字(例如「新增至購物車」或「立即購買」)。也可以在「連結按鈕」面板的「標籤連結至」下拉式選單中選擇相關欄位,顯示集合中的動態文字。
變更按鈕靜態文字的畫面截圖。
  1. 重複上述步驟,在頁面新增另一個「新增至購物車」或「立即購買」按鈕。
  2. (建議)如果尚未新增「購物車圖示」按鈕,請按照以下步驟新增:
    1. 點擊左側的「新增元件」,再點擊「商店」。
    2. 點擊「購物車圖示」,再將「購物車圖示」拖曳至所需位置。
  3. 準備就緒後,發布網站即可讓變更上線。

在固定頁面顯示目錄項目

也可以在首頁或登陸頁面等固定頁面顯示目錄集合中的項目。這樣即可在集合的動態頁面以外,展示所選項目。
  1. 前往編輯器,並開啟靜態頁面。
  2. 點擊要連結至 CMS 的元件(例如文字、圖片或按鈕)。
  3. 點擊「連結至 CMS」圖示 。
  4. 點擊「選擇資料集」下拉式選單,並選擇已連結至目錄集合的資料集。如果還沒有資料集,請點擊「新增資料集」,選擇目錄集合並輸入名稱,然後點擊「建立」。
  5. 將每個元件連結至相關的集合欄位,例如將圖片元件連結至圖片欄位,並將文字元件連結至標題或描述欄位。
  6. (適用於按鈕或圖片)連結後,選擇相關的點擊小部件:
    • 加入購物車:訪客可直接從頁面將商品加入購物車。
    • 立即購買:將訪客直接帶往結帳頁面。
  7. 準備好讓變更上線後,請發布網站。

電商設定

顧客完成購買前,需要先在管理介面完成電商設定,包括付款設定;若販售實體商品,還需設定運費和稅金。
重要:
顧客結帳前,至少需要設定一種付款方式。

管理訂單

目錄集合產生的訂單會在網站管理介面中管理。可在此查看購買內容並處理履行步驟。

深入了解如何管理訂單。

常見問題

點擊即可查看有關從 CMS 目錄集合銷售商品的常見問題解答。