如何使用 WooCommerce 插件添加一個簡單的產品

已發表: 2021-03-15

WooCommerce 是一個流行的插件,用於在 WordPress 中創建在線商店(電子商務網站)。 它為電子商務網站提供了許多基本功能,例如購物車、付款、運輸、促銷、客戶註冊……在本文中,我們將學習如何使用 WooCommerce 插件在 WordPress 中添加一個簡單的產品

目錄隱藏
  1. 1.方法一:手動添加每個產品
    1. 1.1. 基本信息
    2. 1.2. 其他信息(非必填)
  2. 2.方法二:使用導入功能批量添加簡單產品
  3. 3.自定義網站上的簡單產品展示
  4. 4.自定義產品頁面顯示
    1. 4.1. 將產品頁面添加到菜單
    2. 4.2. 選擇產品頁面作為主頁
    3. 4.3. 自定義商店展示(不需要)
  5. 5.遺言

要使用 WooCommerce 插件添加一個簡單的產品,您可以使用兩種方法:

  • 方法一:手動添加每個產品。
  • 方法二:使用導入功能批量添加簡單產品(需要CSV文件)。

開始了!

方法一:手動添加每個產品

WooCommerce WooCommerce

作者(S):自動

當前版本: 6.0.0

最後更新: 2021 年 12 月 15 日

woocommerce.6.0.0.zip

90%評分5,000,000+安裝WP 5.6+需要

安裝並激活 WooCommerce 插件後,轉到Product > Add New 。 添加新產品的界面將顯示如下:

使用 WooCommerce 插件手動添加每個產品

為了便於理解,我這裡將設置分為兩種:

  • 基本信息:您一定要填寫的重要信息。
  • 其他信息:可選信息,您可以輸入或不輸入,取決於您的需要。

基本信息

首先,您需要輸入簡單產品的基本信息,例如名稱、描述、圖片、價格和產品類型。

名稱和描述

簡單的產品名稱應該簡短並包含主要關鍵字,以便客戶可以輕鬆找到它。

輸入簡單產品的名稱和描述

名稱和詳細說明

至於描述,WooCommerce 插件有長描述和短描述。

WooCommerce 插件有一個很長的描述和一個簡短的描述。

簡短的介紹

簡短說明顯示在產品名稱和圖像旁邊。 因此,你應該把它寫得簡短而吸引人,比如“一個帶有吸引人標誌的漂亮無簷小便帽”。

簡短說明顯示在產品名稱和圖像旁邊。

簡短的描述顯示在前端

在長描述中,您應該更多地描述簡單的產品,例如它的來源、規格等。例如:“帽子是用中國棉毛製成,由工匠手工編織而成”。 有一個技巧是在需要列出某些內容時使用項目符號。 這將使內容看起來更加通風和易於閱讀。

描述更多關於簡單產品的信息

長描述顯示在前端

產品圖片和產品圖庫

簡單的產品應該至少有一張圖片來說明它。 此外,您應該將其他一些不同角度的產品圖片(從左、右、從遠處和客戶的圖像)添加到產品庫中。 這有助於客戶輕鬆可視化實際產品,從而獲得他們的信任。

簡單的產品應該至少有一張圖片來說明它

產品標籤和類別

標籤和類別是兩個有用的工具,可幫助您有效地管理和組織產品。 正確使用標籤和類別可以讓客戶更輕鬆地指定您的電子商務網站銷售的產品。 此外,他們可以更輕鬆、更快速地尋找他們想要的產品。

要添加新類別,只需單擊產品類別部分中的添加新類別按鈕:

標籤和類別是兩個有用的工具,可幫助您有效地管理和組織產品。

至於標籤,它更容易。 您只需要輸入標籤名稱,然後單擊Enter按鈕或單擊Add

輸入產品的標籤名稱

產品類別

WooCommerce 插件中有四種產品類型:

  • 簡單的產品
  • 集團產品
  • 外部/附屬產品
  • 可變產品

但是,在本文中,我們只是添加了一個簡單的產品。

WooCommerce 插件中有四種產品類型

產品價格

要添加產品價格,請轉到產品數據並選擇常規選項卡。 您應該關注兩個主要條目:

  • 正常價格
  • 銷售價格

添加產品價格

要設置銷售時間,請單擊銷售價格條目右側的計劃

設置銷售時間

例如,我設置銷售時間如下:

使用 WooCommerce 插件設置銷售

其他信息(非必填)

注意:您可以單擊每個部分右側的 (?) 按鈕來閱讀 WooCommerce 插件的文檔。

根據產品和商店的不同,電子商務網站所有者需要在產品數據部分為簡單產品填寫不同的屬性和數據。 本部分由 6 個主要選項卡組成,如下所示:

常規選項卡

常規選項卡中,除了添加產品價格外,您還可以設置另外兩個部分:

  • 稅務狀態:有三種默認的稅務狀態,分別是TaxableNoneShipping only
  • 稅類:選擇 WooCommerce 計算產品稅的方式。 我將在下一篇文章中解釋更多。

在 WooCommerce 插件中設置部分

庫存標籤

庫存選項卡中有 4 個部分:

  • SKU :產品代碼。
  • 管理庫存?
  • 庫存狀況:有是有貨缺貨,並在缺貨三個默認的狀態。
  • 單獨銷售:每個客戶只能為每個訂單購買一種此類產品。

WooCommerce 插件的 Inventory 選項卡中有 4 個部分

運輸標籤

運輸”選項卡中有 3 個部分:

  • 重量(公斤)
  • 尺寸(長x寬x高)
  • 運輸類別:選擇產品類別(易碎、笨重……)以應用不同的運輸方式。 我將在下一篇文章中解釋更多。

WooCommerce 插件的“運輸”選項卡中有 3 個部分

鏈接產品選項卡

  • 追加銷售:為客戶推薦具有其他尺寸、顏色等的類似產品。
  • 交叉銷售:推薦另一個相關產品。 例如,如果您賣書,您可以建議客戶購買書籤。

在 WooCommerce 插件中配置鏈接產品選項卡

屬性選項卡

此選項卡是關於創建可變產品。 要獲得更多詳細信息,請參閱這篇文章。

創建可變產品

高級選項卡

高級”選項卡中有 3 個部分:

  • 購買備註:當他/她完成訂單時向客戶發送備註。
  • 菜單順序:購物車中產品的優先級。 數字越小,優先級越高。
  • 啟用審核

WooCommerce 插件的高級選項卡中有 3 個部分

除了手動創建每個產品,您還可以通過第二種方法使用導入功能批量添加簡單產品。

方法 2:使用導入功能批量添加簡單產品

要使用導入功能批量添加簡單產品,您首先需要一個 CSV 文件。 此 CSV 文件包含產品的一些字段,例如名稱、描述、價格、SKU 等。您可以從另一個電子商務網站導出此 CSV 文件或使用 Excel 手動創建一個(在 Excel 的另存為部分中選擇 CSV 格式)。

您可以在此處下載示例 CSV 文件。

讓我們看看我們是如何做到的:

首先,轉到“產品” >“所有產品” >“導入”

使用導入功能批量添加簡單產品

在下一個屏幕上,上傳您的 CSV 文件,然後單擊繼續

在 WooCommerce 中上傳 CSV 文件

列映射部分,選擇要導入的字段:

使用 WooCommerce 選擇要導入的字段

之後,滾動到底部並單擊Run the importer

運行導入器

完成後,您可以點擊查看產品查看新產品:

查看新的 WooCommerce 產品

這是我們進口的兩種產品:

進口2個產品

添加簡單的產品後,我們需要在網站上設置它們的展示,使它們看起來更加華麗。

自定義網站上的簡單產品展示

在本節中,我們將設置產品頁面和商店的顯示方式,使其看起來更美觀、更專業、更方便客戶。

自定義產品頁面顯示

市場上有許多電子商務主題。 這些主題可以幫助您精美地展示簡單的產品。 此外,一些主題默認選擇產品頁面作為主頁將產品頁面添加到菜單中。 這可以幫助客戶在登陸您的網站後立即看到您的產品頁面。

但是,並非每個主題都這樣顯示。 因此,我將向您展示如何將產品頁面添加到菜單中並手動選擇產品頁面作為主頁!

將產品頁面添加到菜單

我們有一篇文章解釋瞭如何在菜單頁面上添加/刪除部分,您可以在這裡參考。

選擇產品頁面作為主頁

首先,單擊管理菜單欄上的定制器

選擇產品頁面作為主頁

在左側邊欄上,選擇主頁設置

設置電子商務網站的主頁

在那之後,選擇在您的主頁會顯示部分的靜態頁面,在首頁欄目選擇店鋪,然後單擊發布

選擇產品頁面作為首頁

多田! 我們已經完成選擇主頁作為產品頁面:

選擇主頁作為WordPress中的產品頁面

接下來給大家介紹一下Customizer部分的一些有趣的設置,讓電商網站更加美觀。

自定義商店展示(不需要)

仍然在定制器中,轉到WooCommerce

自定義 WooCommerce 商店顯示

WooCommerce部分,有如下小部分(見圖):

在 WooCommerce 部分,有小部分

下面我就簡單介紹一下各個部分的使用:

  • 店鋪公告

此部分允許您在頁面頂部顯示通知,如下所示:

在產品頁面頂部顯示通知

  • 產品目錄

產品目錄部分,您可以添加側邊欄,自定義產品頁面顯示/管理產品的方式,自定義產品的行數以及頁面上的行數。

自定義產品頁面的顯示方式

  • 產品圖片

產品圖片部分,您可以編輯產品圖片的長度和縱橫比,使其看起來更加美觀和平衡。

自定義 WordPress 網站的結帳表格

  • 退房

在此部分中,您可以通過添加/刪除公司名稱、電話號碼、位置等部分來自定義結帳表單。 此外,您還可以顯示隱私政策條款和條件頁面。

自定義 WordPress 網站的結帳表格

  • 優化:默認情況下啟用此部分,除非您使用 WooCommerce 塊。

如您所見,WooCommerce 插件允許用戶靈活地自定義商店展示。 根據每個人的特點、需求和品味,您可以以不同的方式編輯此部分。

最後的話

我們希望您在閱讀 15 分鐘後已經學會瞭如何使用 WooCommerce 插件添加一個簡單的產品。 在接下來的文章中,我們將學習如何創建在線商店,所以不要錯過它!

此外,某些產品可能包含 WooCommerce 不支持的某些信息。 那時,您可以使用帶有 Meta Box 插件的自定義字段來添加此信息,在此處獲取更多詳細信息。