相信很多人都知道要在WordPress中建立電子商店只要使用Woocommerce這個外掛就可以了,如果有不清楚的地方,可以參考【WordPress電子書】第六章的教學,按照步驟即可在短短的數小內擁有自己的一個簡單好管理的高質感電子商店。如果您已經有一些WordPress的基礎,我們就在這裡簡單整理一下透過WordPress再加上Woocommerce建立電子商店的工作清單,幫助有建立電子商店的站長們可以有一個概念,方便快速上手。

  • 手邊有打算要銷售的產品、服務、聯盟行銷商品
  • 選定一個打算要使用的網址,並註冊。在此建議使用.com的網址,便宜好用又好記。(參考網址:BuyName4 me)如果你沒有自己的主機,打算租用付費主機的話,許多付費主機其實都有免費的網址,終身贈送免費網址的主機包括Arvixe, Hosting24等等。
  • 租用付費虛擬主機。要成為電子商務網站千萬不要考慮免費的主機,時間就是金錢,別忘了。在使用過的歐美主機中,HostGator是站長認為穩定度最高的主機,但是在大部份的情形下,他們並沒有免費網址,所以比較起來價格稍微高一些,不過也比國內的主機便宜太多了。
  • 在安裝WordPress之後,再安裝WooCommerce外掛,此外掛在WordPress的外掛安裝搜尋頁面中即可找到,如下圖所示。WooCommerce已有完整的中文化,所以你可以在安裝完畢之後再令其翻譯成你要的語言版本即可。

woo01

  • 在佈景主題的選擇方面,你可以前往WooCommerce,下載他們設計的免費佈景主題StoreFront,如下圖所示。因為是它們設計的主題,所以當然和WooCommerce外掛完全相容。

woocommerce02

woo03

  • StoreFront有許多的附加功能可以選擇,不過這些都是要額外付費的。要選擇功能也很多,但是比較便宜的佈主題,可以註冊ElegantThemes,使用他們提供的Divi,這也是作者使用最多的佈景主題,它也和WooCommerce完全相容,對於Divi詳細的介紹,可以參考這一篇文章:【WordPress佈景主題版面設計新境界】。
  • 在做完所有的設定之後,有一個步驟也是非常重要,就是一進入網頁之後,要出現的是部落格的文章內容還是電子商店的商品頁面?如果是商品頁面的話,WooCommerce預設的商品頁面是Shop。一般來說,我們是先把它放在選單頁上,如下所示:

woo04

  在預設的情形下,一進入我們的網站,會先看到文章列表,想要進入電子商店的選頁面,必需到選單列上點選「選購筆電」(這是我們改名之後的結果,其實就是顯示Shop這個預設的頁面),首頁看起來的樣子:

woo05

  如果我們想要在一進入我們的網站時就顯示出電子商店的目錄,讓我們的部落格文章退居到選單列,請依照如下的步驟:

  • 首先,到新增頁面的地方,新增一個空白的頁面,命名為Blog,如下所示:

woo06

  • 到WordPress的控制台中,找到「設定/閱讀」,如下所示:

woo07

  • 然後在閱讀設定的地方,做如下的設定就大功告成了:

woo08

  • 這時候,一進入我們的網站看到的就是電子商店的商品選單,至於要連結到部落格文章的話,別忘了要在選單設定的地方,也把Blog這個頁面加到選單上喔。

  網站最後的結果,看起來就會像是下面這個樣子:

woo009

  當然這只是示範用的網站設定,實際運用上你可以利用Divi佈景主題的特性,設定出更多功能以及擁有更美觀畫面的電子商店。本文章的示範網站請參考:NB 選購

(2744)

%d 位部落客按了讚: