開網店/做電商，圖文詳細教學(2020年7月更新)

前言

Mr. Money的團隊，在過去幾年間，開創了多個半自動化的網店，每天在睡覺的時候也有人下單購買產品，賺被動收入，這個感覺一試就會上癮。富有開店經驗的Mr. Money，可以肯定地告訴你，開立網店並不一定是想像中的那麼難，也不一定要花費很高的成本，問題的核心在於你沒有找到一個對的方法。當你看完教學後，你會發現開網店其實非常容易，最快甚至可以在一個小時內完成並推出您的網店。

首先你必需準備的

• 
  虛擬主機（網店寄存的地方）
  
• Domain域名（網址，比如 3dayseo.com）
• 60分鐘高度集中力

網店平台：

在網店平台的市場上， WooCommerce 和 Shopify 兩家平台是市佔率最高的。當然有更多其他的平台，比如 Magento, OpenCart 等等同樣可以達致相同目的。

Shopify

Mr. Money的部分網店都是用 Shopify 平台的。它提供一站式的網店 eCommerce 服務計劃，最低每個月 29 美元讓你可以立即擁有你的第一家網店，域名、網頁空間、平台安裝等等繁瑣的工作，在你註冊完成的那一????間就設定好了，可以馬上建立你的網站、進貨、出售等等。

WooCommerce

我的第5家店開始就是用 WooCommerce 架設的，如果你有聽過 WordPress 的話可能就會知道 WooCommerce 其實是一個插件。最大的好處它是免費使用的，同時也沒有任何的隱藏費用或手續費（而Shopify 會在每一單收取 2.x% 的手續費），壞處是需要自己去購買主機空間、域名、安裝、設置等等。但請相信我，學會之後，一切都是值得的，而且可以幫你省下不少成本。

架站成本：

	Shopify	WooCommerce
月費	最低付月29美元	免費
交易費用	最高每單 $2.9% + 30¢	免費
使用難度	相對簡單	相對複雜
主機費用	已包含在月費	約3美元/月
域名	已包含在月費	購買主機附送
總成本	較高	較低
	免費試用Shopify	跳到教學部分

架設WooCommerce網店圖文教學

第1步

購買主機並安裝Wordpress，主機商2選1即可，不會選的就選bluehost就可以了

Bluehost教學 (點擊打開/關閉)

首先，您需要在新的流覽器視窗中進入Bluehost網站，點擊綠色的「Get Started 」按鈕。

這將帶您進入一個Price頁面，您需要為您的網站選擇一個定價方案。Basic和Choice Plus計畫是我們同學中最受歡迎的選擇。

選擇您的託管計畫

您需要點擊選擇，選擇您喜歡的計畫，然後繼續進入下一步。

在下一個螢幕上，您會被要求選擇一個新的域名(Domain)。

理想情況下，您應該使用.com域名(Domain)。確保它與您的業務相關，易於發音和拼寫，並易於記憶。

選擇好您的域名(Domain)後，點擊下一個按鈕繼續。現在您會被要求提供您的帳號資訊，如姓名、位址、電子郵件等。

在這個螢幕上，您還會看到您可以選擇購買的附加功能。我們一般不建議購買這些附加功能。如果您決定需要的話，您可以在以後再添加它們。取消勾選可選的附加功能(如下圖)。

接下來，您將添加您的付款資訊，完成購買。完成購買後，您會收到一封電子郵件，詳細介紹如何登錄到您的虛擬主機控制台（cPanel）。請好好保存這封Email，這是您的主機儀錶板(Dashboard)，您可以在這裡管理一切，如設置電子郵件等。最重要的是，這是您安裝WordPress的地方。

 

安裝WordPress

 

您會發現在您的託管帳戶儀錶板（cPanel）上有大量的圖示來做不同的事情。其中的95%您永遠不會需要使用，所以您可以完全忽略它們。向下滾動到cPanel中的網站部分，然後點擊WordPress圖示。

安裝Wordpress

現在您將看到Bluehost Marketplace快速安裝WordPress的螢幕。點擊 「Get Started」按鈕繼續。在下一個螢幕上，您將選擇您要安裝WordPress的域名(Domain)。從下拉清單中選擇您的域名(Domain)，然後點擊 “下一步”。

選擇域名(Domain)

現在，您需要輸入您的網站名稱、管理員用戶名和密碼。別擔心，如果您需要的話，您可以在WordPress的設置中更改它們，這裡Mr. Money建議把directory部分留空。接著您還需要勾選螢幕上的所有核取方塊，然後點擊 「Install」按鈕繼續安裝。

WordPress的安裝設置

現在將開始在您的網站上安裝WordPress。同時，它將向您展示一些網站範本，讓您在您的網站上安裝，但您現在不需要這樣做，因為我們會在本指南的後面告訴您如何在您的網站上找到並安裝免費的WordPress範本。

安裝結束後，您會在頂部標題中看到一條成功的消息。

 成功安裝Wordpress

現在，您需要點擊 「Installation Complete 」連結，它將帶您到有您的WordPress登錄網址和密碼的螢幕。

Hostwinds教學 (點擊打開/關閉)

首先點擊這裏前往Hostwinds Hosting主頁 (使用此連結開啟最高可獲60%折扣）

當前往他們的主頁是你會看到這個綠色的Get Hosted按鈕，點擊該按鈕。

你需要填寫一些基本訊息，你的名字、姓氏、電子郵件和密碼，完成後按Submit提交

接著你需要填寫一些個人資料。然後你可以選擇你的免費域名，請選擇一個與主題相關的域名，例如你打算建立一個關於可愛小貓的網站，最理想的域名會是cutecat.com或cat.com，但這些近乎完美的域名幾乎都已被註冊，所以我們只能選擇一些貼近主題而不會太繁複的域名，例如littlebabycats.com。選擇好後記得點選Add to Cart。

找到你想要的域名後，按select domain便可執行下一步。Hostwinds亦提供最新的cpanel，免費SSL證書，一鍵安裝Wordpress等。如果你是新手我會推薦這個基本計劃。

所有計劃均可獲得30天退款保證，如果你不喜歡他們的服務你可以在30天內無條件要求全額退款，你可以選擇不同的結算周期。例如，1個月、6個月、12個月或36個月。
你可以選擇一些額外服務，但你需要支付更多費用，我並不推薦你使用這些附加服務，因為相信我，你根本不會用到。
只需要跳過(不用勾選)他們就可以了，若日後你需要這些服務你可以隨時購買。若額外服務已被選中，請剔除選中的部份然後執行下一步

現在你只需要支付訂單便完成購買，你可以選擇四種支付選項 。信用卡應該是最方便的付款方式，如你擁有其他支付方式的帳號，你亦可以使用其他支付方式例如PayPal。


完成後按Complete Order就可以了。現在只要等待你的網域狀態變成Active，便可以開始假設你的網站了，在等待的期間我們可以準備架設網站是需要用到的程式。

安裝Wordpress

要使用剛剛獲得的插件我們需要在你的網站安裝免費的Wordpress

首先登入Hostwinds Hosting，點選圖中的Manage按鈕

點選圖中的Login to cPanel

你可以在剛註冊時輸入的E-mail中找到登入cPanel資料，登入後滾動到頁面的底部點擊Wordpress。

點擊Install Now。

現在進行一些簡單的設定輸入你的域名並設定你網站的名稱，設定你管理員的用戶名，密碼和電子郵件，這個帳號會用於你的後台管理，在選擇插件和高級選項部份，無需執行任何操作。(你只需跟著下列表中的設定就可以了)

Choose protocal 選https://
Choose domain 輸入你自己的網址
In Directory 保留空白(重要)
Site Name 你的站名
Site Description 網站的介紹
Enable Multisite (WPMU) 保留空白

接著更改你的Admin Username，Admin Password和Admin E-mail。請不要使用預設的Admin作為Username，因為當駭客要駭進你的網站時，他們首先會嘗試Admin。

現在只需要點擊Administrative URL 上的網址就可以進入控制版面安裝主題和插件

第2步

下一步就是安裝Woocommerce了，安裝的步驟非常簡單，首先登錄到你的網站後台。網站後台網址應該長這樣: http://yoursite.com/admin (請將yoursite改成你的網站)。登錄後請看下面的影片安裝WooCommerce插件。

付款方法可以根據自己的需求選擇，如果沒有 Stripe 和 PayPal 賬號的話，先去免費申請一個。

第3步

現在我們可以安裝網站的主題。

如果你在安裝WooCommerce過程中已經安裝了主題則可以跳過這一步。

如果您想快速了解最快的WooCommerce主題，您可以看一下下面的表格。這篇文章的最後，苦心孤譯還會跟您分享WP Rocket是如何對這些主題進行測試的，以便您了解這些數據是如何得來的。

主題	網頁平均加載時間	主題大小	請求
Storefront	1.961秒	416KB	56
Astra	1.522秒	296KB	45
OceanWP	1.956秒	457KB	59
GeneratePress	1.450秒	280KB	46
Shoptimizer	1.710秒	402KB	56
Divi	1.961秒	571KB	53
WoonderShop	1.833秒	437KB	50

您可以點擊上面列表裡的鏈接，查看網頁測試的全部數據。上面列出的網頁加載時間是9個分開測試結果的平均值。

本文列出的最快的WooCommerce主題都屬於乾淨整潔而且對移動端友好的WordPress主題，包括免費版和付費版。接下來，我們詳細看一下這些WooCommerce主題的詳細情況。

---

---

1.   Astra

• 平均加載時間：1.522秒
• 頁面大小：296KB
• 請求：45

Astra是一款很流行的免費主題，可以用於很多類型網站的建設，屬於多功能、多用途類WordPress 主題，而且這是一款超輕量級主題。這款主題非常好用，在50KB以下而且不依賴於iQuery。這也是為什麼WP Rocket會把這款主題排在他們整理的7款最快的WooCommerce主題之列的原因。其實，苦心孤譯博客就使用了Astra這款主題，只是沒有過多使用這款免費主題裡自帶的其他比較花哨的功能。目前Astra 免費版的下載安裝量高達70 萬次之多。

Astra這款主題最經典的地方就是它非常靈活，可以滿足一般用戶對於網站外觀的設計要求，這一點兒上有點兒像變色龍。苦心孤譯之前使用的是國內的Kratos主題，但很快發現，當對主題進行更新時，還得重新對新主題進行配置，而且用戶體驗很不好。

此外，Astra可以全面支持WooCommerce電商插件，用戶可以利用WordPress後台主題裡的自定義功能對WooCommerce網店的外觀進行個性化設置。如果用戶將Astra升級到專業版本（即Astra Pro），還能獲取更多WooCommerce的相關功能，比如：

• 抽屜式商品過濾/搜索菜單；
• 無干擾式2步結賬選項（用戶只需要在自定義選項裡勾選一個複選框就可以了）；
• 下滑式購物車圖標，用戶在不重新加載頁面的情況下查看購物車詳情；
• 店鋪佈局有多種選擇
• 內置的快速查看商品功能
• 多個商品無限下拉功能
• 促銷泡泡功能，標註正在促銷的商品
• 預設好的WooCommerce演示網站

用戶可以免費使用Astra這款主題，也可以使用Astra專業版（付費版，59美元）獲取更多WooCommerce網站的功能。

免費版的Astra主題還配合有很多相關的插件，即使不購買付費版Astra，也能實現一些其他功能。賣家只需要在wordpress.org的插件列表裡輸入Astra就能找到相關插件。

免費版Astra付費版Astra

---

2.   OceanWP

• 平均加載時間：1.956秒
• 頁面大小：457KB
• 請求：59

OceanWP跟Astra和下邊的GeneratePress類似，也是一個非常流行的多功能、多用途WordPress 主題。這款主題包含很多可自定義的設置選項，而且還深度支持WooCommerce跨境電商網站（當然也支持國內的電商獨立站）。目前，OceanWP這款免費主題的下載安裝量已超過了50 萬次。雖然OceanWP跟Astra和GeneratePress相比，沒有這兩款主題小，但是這款主題自帶有很多設置選項。如果用於WooCommerce建站會在細節方面發揮重要作用。

事實上，在“靈活的多功能、多用途WordPress主題”這種WordPress主題細分領域，OceanWP或許是跟WooCommerce深度融合最精細的一款WooCommerce主題。下邊是OceanWP的一些主要功能：

• 下拉式購物車圖標
• 銷售徽章
• 無干擾式多步結賬功能（可設置多步，也可減少結賬步驟）
• 粘附式商品詳情
• 商品快速瀏覽
• 抽屜式商品過濾/搜索菜單；
• WordPress自定義選項裡有很多種佈局風格
• 預設好的WooCommerce演示網站

OceanWP在WordPress.org上有免費的版本可供下載。但對於WooCommerce店鋪來說，賣家最好還是還是付費購買付費版的OceanWP主題，最低的套餐費用為39美元，還不到300元人民幣。

免費版的OceanWP主題還配合有很多相關的插件，即使不購買付費版主題，也能實現一些其他功能。賣家只需要在wordpress.org的插件列表裡輸入OceanWP就能找到相關插件下載使用。

免費版OceanWP付費版OceanWP

---

3.   Shoptimizer

• 平均加載時間：1.710秒
• 頁面大小：402KB
• 請求：56

Shoptimizer是商業領域的大師製作的一款付費版WooCommerce主題。所有從事電商業務的企業和公司在談及電商網站建設都會涉及到2方面– 一是網站速度或者叫加載性能；二是店舖的轉化率。畢竟這2個方面對所有的線上企業來說都非常重要。

Shoptimizer跟這篇文章中列舉的其他幾款多用途、多功能的主題不一樣，它是一款只針對WooCommerce 電商網站建設的一款主題，也就是說這款主題100%聚焦WooCommerce建站。

開發人員在整個主題編寫過程中，匠心獨運、精益求精，每一步都在為優化電商網站的轉化率考慮，這款付費主題的特徵包括：

• 已優化無干擾式結賬體驗
• 可針對單個商品進行請求回調（特別適合那些比較貴重的商品）
• 在添加到購物車按鈕下方增加一個強化轉化率的縮圖選項
• 粘附式滾動查看商品詳情
• 信任徽章
• 促銷倒計時功能
• Elementor這款拖拽式網頁設計工具

如果賣家想讓自己的店鋪看起來特別美觀，這款主題可以說是一個非常好的選擇。

Shoptimizer是一款付費版WordPress主題，它沒有免費版。雖然列出來的價格是99美元，但是一般促銷價也就49 美元（也就350元人民幣），還是非常划算的。

---

4.   GeneratePress

• 平均加載時間：1.450秒
• 頁面大小：280KB
• 請求：46

這款主題跟前面的Astra和OceanWP兩款主題類似，都是經過優化的多功能、多用途類主題，內置功能支持WooCommerce插件。這款插件不依賴於jQuery，因此屬於加載速度最快的WooCommerce主題之一。

在WooCommerce的功能方面，GeneratePress提供的設置選項沒有Astra和OceanWP那麼多。但是如果賣家想要創建一個比較漂亮的網店的話，它還是可以滿足需求的。GeneratePress這款WordPress主題的功能包括：

• 下拉式購物車圖標，而且還可以添加到網站的導航菜單裡
• 購物車位於頁面頂部，當買家將商品添加到購物車時，買家可以看到一個粘附式的面板，還可以對購物車進行多參數搜索過濾
• 無干擾式結賬模式
• 自定義選項，可以對WooCommerce電商網站的風格和佈局進行個性化設置
• 追加促銷及相關商品推薦控制選項

GenratePress在WordPress.org裡有免費版本。但如果賣家想使用所有WooCommerce的相關功能，最好購買GeneratePress付費版主題，價格為49.95美元。

免費版GeneratePress付費版GeneratePress

---

5.   Storefront

• 平均加載時間：1.961秒
• 頁面大小：416KB
• 請求：56

Storefront這款主題是WooCommerce官方網站推出的一款免費主題。這款主題非常流行，但是賣家也許沒有註意到這款主題的加載速度是很快的，這無疑可以增強WooCommerce網店的SEO效果。

因為Storefront是WooCommerce自家推出的一款主題，因此它包含了一般網店必需的基本功能，再有就是這款主題的代碼編寫比較簡潔明了。

Storefront這款主題本身的外觀部分設置屬於基礎性設置，如果您更換外觀設計，您就能找到很多Storefront的子主題。

有些Storefront的子主題是免費的，不過大部分都是付費主題，價格在39美元左右。

使用Storefront免費WooCommerce主題

選擇好主題後就可以進入下一步了，這裡我將會新增一個令WooCommerce自動化的教學，此部分的教學將會使用付費的插件Alidropship。這插件能讓客戶在你的商店下單後，自動讓網站到供應商下單，然後把貨品直接送到客人府上。

如果你只是想經營手動下單的網店，可以按此直接跳到下一步設定WooCommerce的教學。

第4步

Alidropship

雖然 Dropshipping 可以讓你經營網店而無需擁有或存儲自己的產品。 但是，你仍然需要自己為商店中添加產品，這個時候可以利用 AliDropship 從其他電子商務商店（如 AliExpress ）中直接添加到 WooCommerce 上，方便快捷。

它可以自動調整產品的價格和庫存，你可以設置定價變數，根據多少利潤，自動調整定價。然後只需點擊一下，插件即可自動執行訂單的買貨送貨過程。還會跟踪訂單，並向客戶發送有關其訂單狀態的通知電郵。定格為 89 美元（一次性付款），其中包含免費更新，終身使用以及無限制的訂單和產品上傳。

Mr. Money強烈推篤一定要安裝這個插件，簡直是網店神器。

安裝的方法非常簡單，購買成功後您會收到一塊Email，內面有序號和兩個插件，我們只需要下載Alidropship Woo就可以了。下載完後到Wordpress後台，外掛＞安裝外掛＞上傳外掛＞然後安裝好後按啟用。接著跟著官方的影片進行激活和設定就完成了。

第5步

如果沒有用安裝Alidropship的你，可以根據以下影片中的方法設定WooCommerce還有匯入商品，然後設定支付方式，付款方法可以根據自己的需求選擇，如果沒有 Stripe 和 PayPal 賬號的話，先去免費申請一個。然後就是設定Email的模版，每當客戶下單時，就會收到您的Email。影片會分為兩個部分，請耐心看完。

WooCommerce設定(上)

https://www.youtube.com/watch?v=HjaO7OeTlB0?rel=0

WooCommerce設定(下)

https://www.youtube.com/watch?v=nLEZIzj-aJA?rel=0

都設定好了後就能推廣網站啦。本站頂部可以找到很多SEO相關的文章，只要堅持下去，被動收入就能一點一滴的累積，加油！

不要再錯過了！

我不希望您再錯過任何的賺錢機會了，只要留下Email，每次更新時Mr. Money會第一時間通知您。

Mr. Money – 3dayseo.com