怎樣建立一個WooCommerce線上商店

在這篇教程中，我們將教你如何設定一個精美的WooCommerce線上商店。文章結束之後，你的電子商務網站看起來應該類似於下面這樣：

WooCommerce是什麼

簡單來說，WooCommerce是最受歡迎的WordPress電子商務外掛。迄今為止，在網際網路上所有的線上商店中，有21%是採用WooCommerce構建的。

如果你還沒有WordPress網站，請先按照這篇教程建立一個，整個過程非常容易。

• 從技術上講，WooCommerce是一個WordPress外掛，與任何其他外掛一樣，需要安裝和啟用才能執行
• 它是免費和開源的，你不需要任何許可證，也不必支付任何費用
• 它是最受歡迎，也是功能最豐富的WordPress電子商務外掛
• 配置過程非常簡單，通常只需一個小時就能完成
• 它適用於WordPress網站上的任何主題，你不需要放棄當前的網站設計

我們可以將上面的列表繼續加長，但最重要的是，為了使用WordPress構建高質量的電子商務網站，WooCommerce幾乎為你提供所需的一切。

你可以使用WooCommerce賣哪些東西

答案有很多，例如：

• 數字產品，軟體、下載、電子書等等
• 實物產品
• 線上或線下服務
• 線上預訂
• 訂閱服務
• 其他人的產品 —— 作為聯盟行銷人員
• 你能想到的其他產品

換句話說，你可以透過網站來賺錢。WooCommerce允許你出售任何可以分配價格的東西，任何人都可以免費使用。

接下來，我們根據下述步驟啟動一個WooCommerce電子商務網站。

1. 建立一個WordPress網站

前文所述，WooCommerce是一個WordPress外掛，為了建立成功的線上商店，你首先得擁有一個WordPress網站。不要擔心，建立WordPress網站非常容易，以下教程將一步一步指導你完成整個過程：

2. 安裝WooCommerce外掛

與所有的外掛一樣，開啟Dashboard，導航到Plugins→Install New選單，在搜尋欄位中輸入WooCommerce，你會看到WooCommerce是第一個搜尋結果：

只需點選外掛旁邊的Install Now按鈕即可，幾秒鐘後，按鈕上的文字將變為Active，繼續點選。

在這個階段，你將看到WooCommerce的設定嚮導，它可以幫助你完成所有事情。線上商店是一種特殊的網站，需要一些特定頁面才能正常執行，WooCommerce嚮導的第一步就是為你建立這些頁面：

• Shop：這是用於展示產品的頁面
• Cart：這是購物車，客戶可以在結帳前調整訂單
• Checkout：這是客戶選擇收貨方式，並完成結賬的地方
• My Account：一種針對註冊客戶的頁面，他們可以在這裡檢視訂單，並管理其他的詳細資訊

1. 商店設定

你將在這裡設定商店的區域位置，通過幾個引數定義你的業務來源：

完成後，點選Let's go!按鈕。

2. 付款方式

接受線上付款是任何電子商務網站的核心，WooCommerce提供多種可用的解決方案，最初只向你提供兩種：

最受歡迎的PayPal位於頂部，接下來是可用的線下支付選項，你可以根據自身需要勾選相應的複選框。當然，你還可以選擇其他更豐富的付款方式（例如Stripe和Square），WooCommerce設定面板中的更多選項將在稍後提供。

完成後，點選Continue按鈕進入下一步。

3. 官方推薦

這裡是WooCommerce推薦的主題和外掛：

• Storefront是WooCommerce的官方主題，預設版本是免費的，可以滿足一個新商店的基本需求
• MailChimp是一個訂閱外掛，客戶提交電子郵件並訂閱你的網站新聞，然後你可以向他們推送各種資訊

我們建議你全部勾選，然後繼續點選Continue按鈕。

4. Jetpack

Jetpack是使用人數最多的搜尋引擎最佳化外掛之一，但大部分都是被捆綁安裝的。這款外掛過於龐大和臃腫，我們建議你跳過這一步，點選螢幕底部的Skip this step連結：

5. 一切就緒

終於到了最後一步，你的網站設定已經完成，現在擁有一個空白的電子商務網站：

點選左下角的Visit Dashboard按鈕返回到後臺，接下來開始新增產品。

3. 新增商品

為了使商店能夠正常運營，你需要新增一些商品（或服務、下載，以及任何其他你想出售的東西）。

轉到Dashboard，然後點選選單Products→Add New。頁面上方可能會有一些提示訊息，我們先不予理會，主要關注下方的內容編輯模組：

下面是每個部分的說明：

1. 產品名稱
2. 產品說明：在這裡錄入詳細的產品資訊，除了文字之外，還可以放置影像、表格、影片，以及其他你能想到的媒體
3. 產品資料：在這裡設定要新增的產品型別，實物或數字，另外還能新增各種引數
4. 簡短說明：這是顯示在產品名稱下面的文字，最適合作為產品的簡短摘要
5. 產品類別：將類似的產品作為一個類別，例如上衣、褲子、鞋子等等
6. 產品標籤：另一種幫助你組織產品的方法，例如潮流時尚、青春靚麗
7. 產品圖片：產品的主圖
8. 產品圖庫：產品的其他圖片，一般用於輪播展示

完成上述所有操作後，點選頁面右側藍色的Publish按鈕，你的第一個產品就新增完成了。接下來，按照上述步驟新增其他的產品，然後點選選單Products→All Products，頁面看起來應該是這樣的：

4. 選擇主題

如果資料庫中沒有任何產品，你就無法直觀地檢視商店的各個頁面，也無法確保一切正常。按照上述步驟，現在你應該添加了大部分產品，接下來我們從純粹的視覺角度來談談最佳化策略。

WooCommerce vs. 你當前的主題

預設情況下，WooCommerce適用於任何WordPress主題。這是一個好訊息，特別是如果你已經選擇好特定的設計，並打算一直堅持下去。或者，你可以使用專為WooCommerce最佳化的主題，它們帶有預設樣式，使頁面元素看起來很棒。

這是我們的建議：

• 如果你已經擁有獨一無二的WordPress主題，那就繼續使用，只需確保它在WooCommerce上看起來不錯
• 如果沒有，就挑選一個專為WooCommerce最佳化的新主題

官方的WooCommerce主題稱為Storefront，預設版本是免費的，足以支撐你的現有業務。

或者，你可以訪問ThemeForest的電子商務部分，這是目前最高階的WordPress主題目錄。

不管是使用當前主題，還是專為WooCommerce最佳化的主題，你需要做的就是確保各個頁面看起來不錯。

電子商務網站的設計規則

在進入細節之前，我們先討論一些重要準則，主要是：什麼讓電子商務網站的設計變得更好？

下面是一些最重要的引數：

• 確保頁面設計和功能足夠清晰，不得以任何方式混淆，一個迷茫的訪客不會購買任何東西
• 中心內容需要迅速吸引訪客的注意，這個地方應該用於展示產品
• 側邊欄能夠輕鬆調整，並且還要為某些頁面完全停用側邊欄
• 響應式和移動最佳化：研究表明，網際網路上大約有80%的使用者擁有智慧手機；根據另一項研究，61%的移動訪客會立即離開。如果你的移動瀏覽體驗不好，就會失去這些潛在客戶
• 良好的導航結構：你要提供一個清晰的選單，以便訪客能夠輕鬆找到任何資訊

考慮到上述情況，你可以對各個頁面執行一些針對性的操作：

1. 商店頁面

這是你的主要產品列表頁面，頁面地址應該類似於這樣：https://zh-hant.10besty.com/shop/。

如果你的這個連結沒有對應任何頁面，請修改網站的固定連結設定。開啟選單Settings→Permalinks，選擇Post name，然後點選Save Changes按鈕，如下所示：

這是一個標準的WordPress頁面，你可以透過Dashboard→Pages進行編輯，現在需要做以下事情：

• 繼續新增其他產品，鼓勵訪客在網站上購物
• 決定是否要在頁面上新增側邊欄，這是透過主題的頁面模板完成的，但需要購買Storefront高階擴充套件，其中包含大量功能，例如頁面佈局、色彩調整，以及多種風格等等。你現在可以不必購買

在Storefront主題中，你的商店頁面看起來應該像這樣：

漂亮的產品影像是關鍵，這是你應該做好的第一件事情。

2. 單個產品頁面

要檢視這些內容，請點選商店頁面中的任意一個產品。如果你使用的是高質量主題，則應該不會在這裡遇到任何困難。基本上，你唯一能做的就是調整產品描述，以確保所有內容都符合視覺效果。

3. 購物車

另一個可以透過Dashboard→Pages調整的關鍵頁面，除了結賬功能之外，你不應該在這裡提供太多的其他選項。

在產品頁面中，將其新增到購物車裡面，然後購物車頁面看起來應該是這樣的：

4. 結賬

這是買家完成訂單並付款的地方，你不應該對此進行任何調整：

在這個階段，你基本上已經將商店設計調整完成，接下來我們看看擴充套件功能。

5. 擴充套件功能

WooCommerce如此受歡迎的另一個重要原因，就是你可以獲得數百個設計精良的擴充套件和外掛，我們已經挑選出了一些最好的選項，你可以立即開始使用：

WooCommerce官方外掛：

第三方外掛：

總結

使用WordPress建立電子商務網站並不困難。對於新手而言，通常最多隻需一兩個下午就能完成上述所有步驟。要是放在幾年前，你可能需要僱傭幾名開發人員，並花費數萬元才能獲得類似的東西，但現在，你可以自己掌控一切！初期成本甚至不超過$10。

我想要...

• 在家裡賺錢
• 在網上賺錢
• 在網上賣東西
• 成為一名自由職業者

---