WordPress教學-WordPress購物車套件WooCommerce安裝與設定

梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
  近來身旁朋友,則有購物車的需求,之前梅干都會建議使用Opencart來架設,一來是功能完整,二來是安全性也要高,但這對於產品數量不多的朋友來說,用Opencart有點殺雞用牛刀, 所以梅干之後也將自己的購物車改用WordPress來架設,中間金流再串接朋友寫好的系統,但這需要自訂佈景主題,並將欄位相對應後,才能正常運作,這對於一般朋友來說,有些複雜與難度,所以也花了點時間,研究了一下WordPress中的購物車模組Woocommerce。
  雖然Woocommerce與Opencart相較下,在功能上與架構上,則來的更簡易且好操控,對於只有10、20件商品來說,反而相當的合適,同時目前第三方的二大金流系統皆支援,因此無論是要用歐付寶還是智付寶,來進行線上刷卡付款也沒問題,因此想自行架設購物車的朋友,也一塊來看看,如何在WordPress下架設與設定Woocommerce購物車系統。
Step1
進到WordPress後台,並在外掛面板中,輸入woocommerce關鍵字,再按搜尋。
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step2
接著再按立即安裝
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step3
下載正安裝完畢後,再點啟用外掛
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step4
接著就會跳到woocommerce的安裝畫面,再按下角的出發吧!
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step5
再按繼續
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step6
接著設定幣別與單位。
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step7
再設定運送與稅金。
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step8
接著則設定金流,預設的部分有ATM、貨到付款,以及PayPal。
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step9
到這邊就已安裝完成了,你的WordPress已具備購物車系統啦!接著再點左下角的按鈕。
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step10
當跳回WordPress後台,則會看到WooCommerce的選項,同時下方就有各種的設定,像是優惠券、報單、訂單甚至付款方式,都在這裡進行設定。
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step11
在WooCommerce下方則會看到商品,所有的商品上下架都由這邊進行管控,所以設定上相當的清楚分明。
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step12
除了會新增WooCommerce與商品外,在頁面的地方,分別會看到有商店、我的帳號、結帳、購物車的頁面,這些頁面請勿刪除,否則將會無法運行。
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step13
接著到設定 / 閱讀,將首頁的地方,設為商店
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step14
接著回到前台,就會看到首頁就會直接顯示商店的那個畫面,由於目前沒新增任何的商品,所以則是空空如也。
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定
Step15
WooCommerce新增商品也相當的簡單,當新增完商品後,在前台就會看到目前商品的資訊啦!
梅問題-WordPress教學-WordPress購物車套件Woocommerce安裝與設定

相關文章

Woocommerce與Every8d大整合,當有新訂單立即傳送簡訊通知

Woocommerce與Every8d大整合,當有新訂單立即傳送簡訊通知

「Open Live Writer」微軟專為部落格而生!離線編輯器(支援WordPress、Blogger、痞客邦)

「Open Live Writer」微軟專為部落格而生!離線編輯器(支援WordPress、Blogger、痞客邦)

WordPress外掛-「WP Editor」強化後台編輯器,讓原始碼支援HighLight的高光效果

WordPress外掛-「WP Editor」強化後台編輯器,讓原始碼支援HighLight的高光效果

Woocommerce修正中文化不完全與字詞修改 (附完整繁中包)

Woocommerce修正中文化不完全與字詞修改 (附完整繁中包)

WordPress網站優化外掛「WP Minify Fix」自動合併與壓縮佈景中多個JS、CSS檔,有助於提升Google Speed評分

WordPress網站優化外掛「WP Minify Fix」自動合併與壓縮佈景中多個JS、CSS檔,有助於提升Google Speed評分





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 7 梅留言

  • 第1梅
    Donson 說道:

    謝謝喔!換佈景就解決了