WooCommerce 商品設定 – 資料欄位說明與可變商品建立

WooCommerce 商品設定

WooCommerce 商品設定 – 資料欄位說明與可變商品建立 :

1. 單一商品設定欄位說明

2. 可變商品設定步驟

WooCommerce 商品設定 是建立商品時必須先了解的基本知識,必須要能夠正確設定商品內容,才能保證電商網站在商品銷售流程上的順暢度,另外提供詳細的商品資訊,也能增加消費者購買意願。本篇教學中將說明如何對單一商品做基本設定,以及對具有不同類型的可變化商品中屬性欄位的設定方式,希望透過本篇教學,能讓更多使用 WooCommerce 的電商站長能建立正確的商品設定觀念。

WooCommerce 下載點:https://tw.wordpress.org/plugins/woocommerce/

WooCommerce 可變商品說明:https://docs.woocommerce.com/document/variable-product/

WooCommerce WordPress 外掛技術支援論壇:https://wordpress.org/support/plugin/woocommerce/

• 商品欄位設定方式

第一步:在設定商品欄位之前,請先到設定中確認商品全域設定欄位內容是否正確填入,詳細說明可參考:WooCommerce 教學(商品設定) – 商店頁面、庫存管理及可下載商品。在側邊商品選項中對單一商品點選編輯,就可進入商品編輯頁面。

WooCommerce 商品設定

WooCommerce 商品設定

第二步:在單一商品編輯畫面中可找到商品資料欄位,首先要選擇商品類型,在本節將說明簡單商品的部分。

WooCommerce 商品設定

第三步:在一般設定中可以指定商品金額,如果沒有折扣價,將該欄位留空即可,圖中標示的時間表是在設定商品可使用折扣價的時間,點選後可設定開始與結束日期,如下圖二所示。

WooCommerce 商品設定

WooCommerce 商品設定

第四步:庫存的設定中如果説當前設定的商品數量有限,就能勾選管理庫存選項,可自行設定存貨數量,另外如果要允許無庫存下單,則要考量商品日後到貨狀態,最理想的做法是選擇 “允許,但通知顧客” 的選項,並說明到貨日期後,再提供此項目讓顧客做下單的動作。而低庫存臨界值則是在商品數量低於設定數值時,會發送電子郵件通知網站管理員。

WooCommerce 商品設定

第五步:如果不開啟庫存管理,只需單純選擇庫存狀態即可,這裡的設定會影響到前台商品是否可購買的狀態,如果限購一件有勾選,則必須人工管理庫存,適合客製化的產品項目。

WooCommerce 商品設定

第六步:運送類別的設定影響的是商品下單後的運費計算方式,詳細設定可參考:WooCommerce 教學(運送方式)-運送區域、選項、類別

WooCommerce 商品設定

第七步:連結商品中的項目以下說明:

  • 向上銷售:向顧客推薦同類型品質更佳或者單價更高的商品。
  • 交叉型:指定某一商品在購物車中推薦給顧客。

WooCommerce 商品設定

• 可變商品 – 商品屬性與變化類型

第一步:必須在商品類型中選擇當前編輯商品為可變商品,才能為商品設定屬性及變化類型。

WooCommerce 商品設定

第二步:屬性的詳細設定可以參考:WooCommerce 教學 (商品編輯) - 商品分類、標籤、屬性項目說明,屬性也可以在單一商品中新增。

WooCommerce 商品設定

第三步:勾選可變商品後在屬性欄位中就可以指定我們預先設定好的屬性值,如果不清楚,可以對照上一步驟的圖片,筆者分別為此商品設定了顏色及尺寸兩種屬性,如果要在單一商品頁中套用屬性,必須勾選在商品頁面中可見以及用於變化類型這兩個欄位,並且在數值中設定此商品具有的內容,以下圖而言,就是此商品具有黑、白、黃等三種不同的類型。

WooCommerce 商品設定

第四步:尺寸的設定方式也相同,如果説商品只有尺寸的分別,沒有顏色,那麼就可以取消勾選顏色欄位的用於變化類型,那麼此商品在前台畫面中只會保留尺寸選項。

WooCommerce 商品設定

第五步:點選變化類型的標籤,選擇新增變化類型後點擊送出按鈕。

WooCommerce 商品設定

第六步:在預設表單值中可以指定當商品載入時,選項中會預先顯示的欄位內容。

WooCommerce 商品設定

第七步:在新增變化類型中選擇由所有屬性建立變化類型,在點選送出,就會根據剛剛在屬性中加入的數值來為當前商品建立變化類型。

WooCommerce 商品設定

第八步:會筆者設定了此筆商品具有黃、白、黑三種顏色,且有 L 、M、XL 三種尺寸,所以在客戶下單時總共會有 9 種不同的組合類型,如下圖所示。

WooCommerce 商品設定

第九步:會必須要設定每一種變化類型的圖片、定價以及庫存狀態,這樣商品在前台才會顯示可購買,如果沒有正確設定下圖標示的欄位,那麼商品在網站前台中只會顯示此商品已銷售完畢無法下單,這一點請務必注意。

WooCommerce 商品設定

第十步:完成商品變化類型設定後的畫面可參考下方影片。

 

結語:

WooCommerce 商品設定 還有很多不同的銷售方式,在之後的 WooCommerce 教學系列中也會單獨說明組合商品以及外部商品的設定方式,讓各位使用 WooCommerce 架設電商網站的朋友可以對這套系統能有更進一步的認識,進而靈活運用喔!

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

WooCommerce 教學相關文章:

WooCommerce 訂單教學 – 變更訂單狀態與訂單內容修改操作方式

WooCommerce 教學(電子郵件設定) – 通知設定與進階選項

WooCommerce 教學(付款、帳號)- 付款方式、帳戶操作、隱私權設定

WooCommerce 教學(運送方式)-運送區域、選項、類別

WooCommerce 教學(一般設定) – 商店地址、貨幣選項

WooCommerce 教學(商品設定) – 商店頁面、庫存管理及可下載商品

網站架設知識推薦閱讀:

Site Kit WordPress Plugin – Google SEO 整合工具外掛介紹

Google 搜尋 新增簡易指令:before: & after 快速篩選搜尋結果

Chrome 移除蓋版廣告?Google 12 項廣告體驗規範簡易說明

鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top