Mystile是個簡單、輕量化的1個商業佈景主題,對於要剛創業想要架設購物網站的使用者來說是非常理想的1種方式。

Mystile主題並沒有再Worepress控制台的佈景主題中找到,必須在官方網站購買之後下載

才可使用。但不用擔心,這是完全免費的主題。

Page1_1.jpg  

註冊wootheme會員 

第一步:進⼊入http://www.woothemes.com,並且點選「SIGN UP FOR FREE ACCOUNT」

Page2_1.jpg  

第二步:填入基本資料後按下「REGISTER」註冊。

Page2_2.jpg  

第三步:註冊完成之後,到右上角的搜尋欄位搜尋「mystile」

Page3_1.jpg  

第四步:找到之後加入購物車,並且結帳。

Page3_2.jpg  

Page4_1.jpg  

第五步:填入基本資料之後點選「PLACE ORDER」

Page5_1.jpg  

第六步:接下來會看到訂購完成的頁面,直接點選 Download file:mystile.zip即可下載主

  Page5_2.jpg  

安裝佈景主題與購物⾞車套件-WooCommerce
第一步:進入「外觀/佈景主題」後,點選上方的「新增」

Page6_1.jpg  

第二步:點選「上傳佈景主題」,選擇剛剛下載的「mystile.zip」上傳,Wordpress會自
動解壓縮並且安裝。安裝完成之後直接啟用
Page7_1.jpg  

Page7_2.jpg  

第三步:佈景主題完成之後,接著就直接安裝購物車套件。在安裝完成後的歡迎畫面中,
可以看到有Plugin的區塊有WooCommerce的下載,直接點選「Download」

Page9_1.jpg  

  

Wordpress一樣也會自動下載並且安裝,安裝完成後直接啟用。若找不到歡迎畫面或是不
小心關閉,可以到控制台中的「Mystile/Framwork」內中尋找。

Page8_1.jpg  

第四步:啟用完成之後,必須再安裝WooCommerce的頁面,直接點選上方的「Install
Woocommerce Pages」即可

Page10_1.jpg

WooCommerce中文化
WooCommerce在早期是沒有中文化套件的,所以必須下載第三方的一些語言套件才能使
用。在最新版本的WooCommerce已經內建語言套件,只要讓他翻譯即可。
第一步:進入「WooCommerce/System status」,在上方會出現翻譯的選項,直接點
選「Force Update Translation」。

Page11_1.jpg  

第二步:若沒有出現「Force Update Translation」選項,請點選上方的「Tools」標籤,
找到下方的「Force Update Translation」,點選即可翻譯。

Page12_1.jpg  

翻譯完成後可以看到WooCommerce下的選項都變成中文版了,但Mystile沒有這項功
能。

Page13_1.jpg  

WooCommerce設定
若WordPress在之前有設定過其他主題,請將首頁設定為最新的文章,否則其他主題的設
定將會蓋過Mystile的主題
WooCommerce的預設國家是英國,所以一些相關的設定必須修改,像是運送國家以及貨
幣等等,所以在預設的首頁會看到的是英鎊的符號。

Page14_1.jpg  

國別與貨幣
進⼊入「WooCommerce/設定」,點選「一般」標籤後設定系列項目
1. 「商品所在位置」設定成台灣
2. 「銷售地點」改為「只銷售到特定國家」
3. 「特定國家」欄位選擇台灣
4. 「貨幣」設定為「新台幣」
5. 「小數位數」設定為0。

Page15_1.jpg  

設定完成之後點選「儲存修改」,並到前台瀏覽,可以看到上方的符號已經改為新台幣
NT$。

Page16_1.jpg  

會員帳號設定
在預設的狀態下,使用者可以直接在網站上購物而不需申請會員,但這樣對於消費者來說
就會不知道曾經買過什麼東西,對於管理者來說也會相當不好管理。
第⼀一步:進⼊入「WooCommerce/設定」,點選「結帳」標籤後將「開放未註冊訪客結
帳」取消勾選並且儲存修改。

Page16_2.jpg  

 

第三步:點選「帳號」標籤,將「啟用註冊功能」中的「在我的帳戶頁面啟用註冊功能」
勾選並且儲存,消費者就可以在「我的帳戶」中申請會員。

Page17_1.jpg  

結帳設定
在預設的狀態有四種結帳方式,ATM轉帳、支票付款、貨到付款、Paypal四種,若想要
其他的結帳方式可以使用woocommerce所提供的外掛,或是使用台灣的第三方支付。
第一步:進入http://www.ecbank.com.tw/module/,下載「歐付寶全⾦金流」

Page18_1.jpg  

第二步:下載之後解壓縮,解完壓縮之後資料夾內有⼀一個「allpay」資料夾,再將這個資
料夾壓縮成zip

Page18_2.jpg  

第三步:進入「外掛/安裝外掛」並點選上傳外掛

Page19_1.jpg  

,將壓縮好的「allpay」上傳安裝,安裝完成直接啟⽤用。

Page19_2.jpg  

第四步:進入「外掛/已安裝外掛」將要使⽤用的付款方式啟用。

Page20_1.jpg  

第五步:啟用之後進入「WooCommerce/設定/結帳」,點選啟用的付款方式
Page21_1.jpg      

第六步:勾選「啟用」並「儲存修改」,接著在前台購物時就可以看到其他的付款方式。

Page22_1.jpg  

注意:
● 若實際啟用須將「test mode」取消勾選。
● 此為測試模式,若要實際使用須跟廠商簽約並且付費。收費方式可參考http://
www.allpay.com.tw/Business/payment_fees

商品管理
商品分類
有好的商品分類可以讓消費者更容易選購商品,當消費者使用上越簡單,就越有可能會再
次造訪網站進行消費。
第一步:進入「商品/分類」後設定下列項目
1. 「名稱」輸入網站要顯示的名稱
2. 「代稱」是指網址列上的名稱,通常使用英文小寫字⺟母語數字。譬如男裝可以輸入
men、筆電可以輸入notebook或nb...等
3. 若在有上傳縮圖,且首頁有開啟商品分類區塊,就可以在首頁看到這張圖片
新增商品分類。依照這個步驟依序建立男裝、女裝以及童裝三個分類。

Page23_1.jpg  

新增商品
分類設定好之後可以開始新增商品。
第一步:進⼊入「商品/新增商品」
第二步:依序填入「商品名稱」與「商品描述」

Page24_1.jpg  

第三步:在「商品資料」的「一般」中輸⼊價格,若有促銷價可輸入促銷並且設定促銷時
間,若沒有促銷價就維持空值。「貨號」為商品序號,是唯一的,不可重複,可省略。

Page24_2.jpg  

第四步:在「商品資料」的「一般」,點選「庫存」,勾選「管理庫存」並輸入「庫存
量」。

    

第五步:在「商品資料」的「屬性」,點選「新增」,在名稱欄位輸入SIZE,在後方的
數值欄位輸入「S | M | L | XL」,每⼀一個值都用 | 分隔,並將「在商品頁面中可見」勾
選。設定完成後儲存屬性。

Page25_2.jpg  

第六步:若需要商品的簡述可在最下方的「商品簡短說明」中輸入簡述。

第七步:選擇商品分類

第八步:在「商品圖庫」區塊中上傳商品的圖片。

第九步:在「特色圖片」上傳一張主要商品頁面顯示的圖片。

第十步:點選「發表」後瀏覽頁面。

新增商品之後可以到前台的shop頁面瀏覽實際頁面的效果。

Page28_1.jpg  

 

 

 



雞蛋貓異想世界 發表在 痞客邦 PIXNET 留言(8) 人氣()


留言列表 (8)

發表留言
  • seven
  • 請問如果使用WOOcommerce預設的四種結帳方式,ATM轉帳、支票付款、貨到付款、Paypal在台灣是可行的嗎?
    因為之前曾爬文說在台灣必須要第三方支付才行?有這樣嗎?
  • 訪客
  • 教學超詳細,對要架設購物車入門很有幫助。
  • GE台北車庫
  • 好棒!!介紹的超棒的!!很容易就懂了。
  • 320i
  • 這樣賣商品就很方便了!!
  • fan
  • 你好,我想問我的佈景主題沒有出現新增的按鍵該如何把下載的放進去呢?
  • WordPress电子商务主题
  • 简单易懂!赞一个!
  • 小米
  • 您好,步驟非常清楚,但是我裝了幾次,都不會出現第三步驟的插件在控制台列表耶…請問這能解嗎?感謝您~