近來身旁朋友,則有購物車的需求,之前我都會建議使用 Opencart 來架設,一來是功能完整,二來是安全性也要高,但這對於產品數量不多的朋友來說,用 Opencart 有點殺雞用牛刀, 所以我之後也將自己的購物車改用 WordPress 來架設,中間金流再串接朋友寫好的系統,但這需要自訂主題,並將欄位相對應後,才能正常運作,這對於一般朋友來說,有些複雜與難度,所以也花了點時間,研究了一下 WordPress 中的購物車模組 WooCommerce 。

  雖然 WooCommerce 與 Opencart 相較下,在功能上與架構上,則來的更簡易且好操控,對於只有 10 、 20 件商品來說,反而相當的合適,同時目前第三方的二大金流系統皆支援,因此無論是要用歐付寶還是智付寶,來進行線上刷卡付款也沒問題,因此想自行架設購物車的朋友,也一塊來看看,如何在 WordPress 下架設與設定 WooCommerce 購物車系統。


Step1
進到 WordPress 後臺,並在外掛面板中,輸入woocommerce關鍵字,再按搜尋。


Step2
接著再按立即安裝


Step3
下載正安裝完畢後,再點啟用外掛


Step4
接著就會跳到 woocommerce 的安裝畫面,再按下角的出發吧!


Step5
再按繼續


Step6
接著設定幣別與單位。


Step7
再設定運送與稅金。


Step8
接著則設定金流,預設的部分有 ATM 、貨到付款,以及 PayPal 。


Step9
到這邊就已安裝完成了,你的 WordPress 已具備購物車系統啦! 接著再點左下角的按鈕。


Step10
當跳回 WordPress 後臺,則會看到 WooCommerce 的選項,同時下方就有各種的設定,像是優惠券、報單、訂單甚至付款方式,都在這裡進行設定。


Step11
在 WooCommerce 下方則會看到商品,所有的商品上下架都由這邊進行管控,所以設定上相當的清楚分明。


Step12
除了會新增 WooCommerce 與商品外,在頁面的地方,分別會看到有商店、我的帳號、結帳、購物車的頁面,這些頁面請勿刪除,否則將會無法執行。


Step13
接著到設定 / 閱讀,將首頁的地方,設為商店


Step14
接著回到前臺,就會看到首頁就會直接顯示商店的那個畫面,由於目前沒新增任何的商品,所以則是空空如也。


Step15
WooCommerce 新增商品也相當的簡單,當新增完商品後,在前臺就會看到目前商品的資訊啦!