iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 8
1
自我挑戰組

挑戰跨領域的金流功能網頁系列 第 8

Wordpress - woocommerce 套件

  • 分享至 

  • xImage
  •  

早前已經把網頁製作完成,製作過程中沒想要過會使用woocommerce套件(以下內文簡稱woo)來增加網頁的購物車功能,事後要使用woo來建立商品頁面,可以說是"全面翻新",然後內建版面其實比較極簡,無法像商品介紹頁面如此得美輪美奐,事後才發現是wordpress主題版本太舊了,如果要使用更新的woo,勢必要更新wordpress,才能使用更完善的套件功能,在不假思索狀況中一鍵按下之後,然後!! 然後!!
發現更新之後的內文格式完全"走鐘"了,又花了許多時間進行調整,導致遲遲無法在IT鐵人賽之中來試用woo套件,終於、現在可以開始編寫了^^"

那現在來開始介紹woo所需要的是前準備囉~~

首先,安裝 WooCommerce 主程式
http://ithelp.ithome.com.tw/upload/images/20161208/20103530txdy0k3SJ1.jpg

http://ithelp.ithome.com.tw/upload/images/20161208/20103530KfZeFxk1lU.jpg

http://ithelp.ithome.com.tw/upload/images/20161208/20103530TphEF99JMK.png

http://ithelp.ithome.com.tw/upload/images/20161208/20103530beNTF8C17Y.png

中文化的安裝過程,其實也就是一直點滑鼠右鍵,設定上依各位需求而定
http://ithelp.ithome.com.tw/upload/images/20161208/20103530WvLq74mSE9.jpg

金鑰/應用程式 如果有購買SSL相關加密程式,在此輸入金鑰~
http://ithelp.ithome.com.tw/upload/images/20161208/20103530FCu3I4X73X.jpg

訂單的狀況,此頁面的訊息也會以簡易畫面出現在控制台
http://ithelp.ithome.com.tw/upload/images/20161208/20103530asJKOBCtZ7.jpg

稅金選項 - 這部份的設定,小編以有無開發票為要件,如果開立發票就選擇"標準"稅金
但以往在商店街的營運模式,稅金都是幾乎店家吸收,所以售價都是包含稅金!
http://ithelp.ithome.com.tw/upload/images/20161208/20103530dNRCtoc1xW.jpg

運送方式 -
http://ithelp.ithome.com.tw/upload/images/20161208/20103530GF99ZzXkl3.jpg
如同上述,操作手法如同商店街模式,比如滿額490就免運費,但如果寄送
地址是台灣以外的國家,以小編目前的操作方式,會將運費計算結果包含商品價格傳訊息給顧客,假設目前此訂單成立,有3種運費計價方式:

  1. 國外 ex包括香港、除了中國大陸以外的國家,這部份需要商品包裝後裝箱的大小
    https://www.tnt.com/express/zh_tw/site/home/how-to-ship-parcel/shipping-services/calculating-size-and-weight.html
    此為TNT計價方式
  2. 國內,這部份運送方式就隨店家的喜好,如黑貓、大榮、新竹,甚至民間業者快遞,只要您的快遞數量達到一定程度
    價格方便都可以業者商量,還能每天固定到府收貨,那小編先提供中華郵政的計價方式
    https://www.post.gov.tw/post/internet/Postal/index.jsp?ID=2030102
    3.中國大陸 ,這部份目前小編有使用過順豐快遞、中華郵政,這部份還蠻推薦順豐,可以預約到府收件,計算運費方式也很精準,對岸的買家也都非常推薦,直說"靠譜" !, 以下為順豐試算的頁面
    http://ithelp.ithome.com.tw/upload/images/20161208/20103530wVjw6dU2xR.jpg

如果能將運費的問題減少,對買賣雙方都是雙贏,小編常常收到顧客回覆說寄送有效率等評語,無形之中就產生了成就感
這類的互動會對此網頁產生依賴感,很像玩以前一款遊戲"便利商店",運送貨物也是一門精精計較的學問,值得花心思去經營和下功夫!
http://ithelp.ithome.com.tw/upload/images/20161208/20103530x0QNrBjSyD.jpg

優惠券 - 促進買氣的工具,仰賴各位店家的行銷手法
http://ithelp.ithome.com.tw/upload/images/20161208/20103530IPA8fCeZll.jpg

報表 - 不需要會計人員,由woo幫您分析所有的銷售數據,包括庫存、顧客
http://ithelp.ithome.com.tw/upload/images/20161208/20103530Rv3QTJzF2j.png

訪客和顧客的銷售紀錄
http://ithelp.ithome.com.tw/upload/images/20161208/20103530pft1NkzoOF.jpg

擴充套件 -
http://ithelp.ithome.com.tw/upload/images/20161208/20103530AW0xDnJZGD.jpg

今天先到此為主~~下回分解


上一篇
上傳WordPress並安裝設定資料庫 (2)
下一篇
Wordpress - 安裝歐付寶套件
系列文
挑戰跨領域的金流功能網頁29
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言