接下來這一節就是要教大家把商品上架,準備在你的網路商店上販賣了。還是一樣,商品可以分為實體商品(一般商品)以及虛擬商品(下載的商品或是軟體序號等等),前者可以牽渉到寄送或取貨的問題,而後者則是有下載檔案的相關考量,這些在WooCommerce都可以處理。在前一節中,我們使用了Easy Digital Downloads外掛來處理虛擬數位商品的下載與收款,所以這一節我們專心來設定上架需要寄送的實體商品。和操作商品相關的選單如下:
假設我們這次要上架的商品是健康水壼,有2種容量(分別是1,000cc以及2,000cc),每一種容量都有4種顏色(紅、藍、綠、橘)可以選擇。我們打算把此商品分為2個項目,每一個項目再讓購買的朋友可以選擇顏色。這樣子劃分的話,顏色就可以當做是屬性來操作,因此我們第一個要去設定的地方,就是新增一個顏色的屬性。按下屬性選項,可以看到以下的內容:
依照上述的設定,新增一個名為顏色的屬性,類型則是使用「選擇(select)」介面,按下新增屬性之後,在右上角就會出現這個屬性的摘要列表:
此時,我們選擇「規劃項目」按鈕,來把每一個顏色加進去這個屬性中:
依序新增水壼的四種顏色,如下所示(如果需要對於顏色做說明,也可以把說明的文字輸入在文字框中):
這樣就完成了顏色屬性的設定。接下來要設定的是「分類」的部份,這個比較簡單,就是把我們要販售的商品分門別類,以我們的例子,水壼把它歸類在生活用品,如下所示:
和屬性不一樣,在分類的部份,還多了一個可以上傳圖片的地方,如下:
按下新增商品分類按鈕,右上角就可以看到分類的摘要列表了:
有了屬性以及分類,接下來就可以新增商品了。當然,你的商品圖片得先準備好才行:
細心的讀者應該會發現,新增商品其實就好像我們在新增部落格文章一樣,也是有標題,有網址,有文章的內容,而且編寫商品的內容就看編輯文章是一樣的!但是,這篇文章卻多了一些選項可以使用,如右側上方有商品的分類可以設定:
然後在文章的下方有許多和商品設定相關的頁籤,第一個是貨號,以及價格。價格又可以分為原價和促銷特價,促銷特價還可以指定促銷的期間,非常方便:
然後是庫存管理的部份:
在這裡可以設定商品的庫存數量,以及要不要啟用庫存管理,如果啟用了庫存管理,當買家下訂單購買之後,會自動扣減數量,在低庫存時會通知管理員,沒有庫存時就不能再下訂單了。再來還有屬性要設定:
還記得我們之前設定的屬性嗎?在這裡就可以用到了,可以透過新增按鈕,把可以選擇的顏色通通加入。
在進階的部份,可以加上購買的備註。在圖庫的部份,右側有一個商品圖庫的項目可以新增所有有關於這項商品的照片,要促銷商品當然是愈多美美的照片愈好啦。在這裡我們PO了幾個不同顏色的水壼給網友做參考。當然這是範例,所以隨便拍拍,不然這樣的照片品質,對於大部份的朋友來說是完全沒有任何吸引力的。
文章編輯區下方還可以商品的簡短說明,右下角還有特色圖片,都可以善加運用!
該寫的資料都寫完了之後,請按下「發表」即可。就當做是發表了一篇文章,但是這篇文章除非你指定網址或是做了一些連結,不然是不會自動出現在網站上的。要如何讓這項商品頁出現在網站上呢?可以設定在選單,也可以設定在側邊欄。要設定到選單,就是直接到選單設定介面去:
可以把整個商店(Shop)加進去(Cart是購物車,有些朋友也會加購物車到選單列中),如下所示:
記得把預設的導瀏命名改為中文的「商店」二字,再按下儲存選單即可。而在左側讀者們應該有發現,其實也可以只把特定的商品放到選單列上。此外,我們也可以把商品放在側邊欄,方法很簡單,就是到「外觀/小工具」介面中,把「WooCommerce商品」這個小工具拖曳到側邊欄,然後再加上一些設定上的調整即可,如下所示(設定完後別忘了要按儲存才會有作用):
像上面這個例子,就是把所有商品都以列表的方式顯示在側邊欄。WooCommerce可以用在側邊欄的小工具非常多:
大家可以自行都試用看看。依照上面的方法設定完成之後,回到網站即可看到結果:
在右上角的選單列上,以及側邊欄都有出現我們設定的內容囉。
由於這個佈景主題和WooCommerce不太相容,所以商品顯示的排版並不太理想,讀者請自行操作看看就知道了。下一節,我們將使用另外一個佈景主題示範WooCommerce的商品訂購流程以及其它的商店後台管理。