建立一個完全自主可控的外貿B2C獨立商城網站，有多種技術方案路徑，其中wordpress + woocommerce插件是目前最成熟，也是最易入手的方案，全球有超過20%的網上商城採用以上技術方案來構建。

如果我們已經熟練使用wordpress了，那麼只需在此基礎上學習下WooCommerce插件的使用，即可快速實現如下效果的B2C網上商城網站。

wordpress基礎和主題請參考

一、B2C商城網站主機

外貿B2C網站需要全年7x24小時穩定運行，對主機的要求很高，對於大部分外貿人員來說，往往不具備維護網站底層技術的能力，選擇一家靠譜的外貿主機空間就變得很重要。

Siteground針對woocommerce 外貿商城網站，SiteGround提供瞭如下的功能：

• 訪問速度優化：Siteground針對訪問速度提供了自己開發的cache緩存插件和Cloudflare CDN功能，無需額外付費。
• 安全支持：PayPal，stripe等支付功能都需要網站為HTTPS安全訪問，Siteground提供了免費的SSL證書，一鍵安裝。
• 自動備份，每日自動備份數據，免除數據丟失風險。
• 郵箱服務，無需額外安裝任何郵箱插件，支持woocommerce相關的郵件通知服務。

關於Siteground的購買和wordpress安裝，可以參考文章：

二、商城主題選擇

適合商城的主題非常多，woocommerce公司也推出了他們自己的主題，但我還是建議你使用免費的

Astra主題的具體設置步驟請參考文章：

三、woocommerce商城插件基礎

1. 插件安裝

wordpress插件市場中直接搜索woocommerce，安裝，並激活，免費插件。

插件安裝完成後，wordpress後台管理菜單欄中會多出2個菜單：

1. woocommerce： 店鋪相關的設置選項
2. Products：產品相關的選項

功能設置選項請參考後續章節，此處可先簡單熟悉下即可。

2. 初始化設置

激活WooCommerce後，會自動跳出初始化設置選項，按照提示一步一步設置即可。

如不確定怎麼選，可快速跳過，後續在WooCommerce的setting設置菜單中重新進行修改即可。

推薦安裝額外的插件，這一步可先不要安裝，後續根據需要再單獨安裝。

是否需要更換主題，不建議更換，直接使用astra主題即可。

四、Product產品和demo數據

對woocommerce進行初始化設置後，就可以添加產品了。

在wordpress後台，選擇Products中的add new，即可添加一個新產品，添加的產品會以獨立的頁面出現，產品頁面主要有以下8個部分需要填寫。

訊息填寫完成後，點擊右上角的publish發布產品，即可看到產品發布後的頁面樣式。

如需快速導入一些demo產品數據進行學習和測試，可下載woocommerce官網的demo數據，然後將其導入到店鋪中即可快速生成產品頁面。 https://

五、購物流程

在對woocommerce進行進一設置前，我們有必要先熟悉用戶在我們網站上的購物流程。

購物流程是指用戶從打開網站選擇中意商品至付款結束的整個過程，在woocommerce中一般會有如下四個步驟：

1. 瀏覽商品展示頁
2. 查看產品詳情頁，詳細了解產品
3. 加入購物車
4. 確認付款

通過前一個步驟，我們已經添加了產品頁面，剩餘的其他三個頁面從哪裡來呢？

答案是woocommerce插件已經幫我們自動添加好了，查看wordpress後台的Pages頁面菜單，我們會看到多出來幾個頁面。

• shop產品列表展示頁面
• Cart為購物車頁面
• Checkout為付款頁面
• My account頁面為用戶賬號頁面

除了購物流程中的三個頁面外，另外還有一個“my account"賬號頁面，為方便用戶下次登錄網站時查閱到自己的訂單訊息。

這四個頁面千萬不要刪除或者隨意改動，這是整個woocommerce購物商城最核心的部分。

根據需要，可以將shop頁面設置為整個網站的“homepage”，當用戶打開網站主頁後就可以直接看到產品列表頁面。

六、用戶付款方式

1. 收款的基本要求

經過以上幾個簡單步驟後，我們的B2C商城網站已初具雛形，但還差最重要的一個環節“用戶付款”。

付款和收款涉及到資金的安全問題，也是所有購物商城設置中最複雜，也是最關鍵的部分。

woocommerce支持的主要付款方式有以下三類：

1. Paypal支付
2. Stripe等信用卡通道支付
3. Amazon Pay，Apple Pay等快捷支付

其中第三類快捷支付，僅對美國和部分地區居民開放，台灣大陸地區沒法註冊，暫不討論。

剩下的就是paypal和信用卡支付兩種了。這兩個支付方式都涉及到一個問題，必須具備境外銀行卡。

Paypal收款要求賬戶升級為商業賬戶，商業賬戶需綁定境外銀行卡。

不管是stripe信用卡支付還是paypal支付，要讓資金最終流轉到國內的銀行卡，整個資金流程如下：

對於大陸地區商戶來說，我們可以申請payoneer之類的境外銀行收款賬戶，或者註冊香港離岸公司，開通香港的公司銀行賬戶，然後再綁定paypal賬戶。

關於境外賬戶開通可參考部落格其他文章，本章主要探討woocommerce中的Paypal付款設置。

2、Paypal標準支付

paypal有兩種支付方式：

• Paypal standard
• Paypal checkout（快捷支付）

woocommerce中已經默認集成了“paypal標準支付”接口，其他的付款需安裝額外的插件，具體可參考

以Paypal standard標準支付為例，我們看下用戶在購物過程的整個流程：

1. 用戶在我們網站的付款頁面上點擊paypal支付，跳轉到paypal官網
2. 用戶在paypal官網輸入賬號密碼，並確認付款訊息
3. 付款完成後頁面跳轉回我們的網站，完成整個付款過程

Paypal標準支付的設置過程如下：

1. 在woocommerce中啟用paypal支付
2. 從paypal官網獲取paypal相關的API授權訊息
3. 將獲取到的API授權訊息設置到paypal選項中

登錄paypal官網，依次找到“商家設置” >>“API設置”，然後復制以下訊息：

• API用戶名
• API密碼
• 簽名

回到woocommerce的paypal設置菜單中。

至此，paypal的收款設置已經完成。

回到網站的付款頁面，我們可以點擊使用paypal方式完成整個購物流程了。

七、最後設置

要完成整個購物商城的設置，還需要一些相關的設置，包括：

• shipping發貨設置
• tax稅收設置

這些設置不難，可以直接進入相應菜單設置即可。此處不做詳細介紹。

八、用戶體驗優化

完成了以上七個步驟後，網站已經具備了開張售賣商品的基本功能。但要想讓網站產生更多的訂單，則需要做的工作還很多，包括產品添加，網站整體優化等。

關於網站的優化，有一個專業術語“用戶體驗”。用戶體驗更多的已經不是技術層面的問題了，而考驗的我們對用戶的了解深度。具體可參考部落格其他文章。

更多文章可關注公眾號TTVPS, 或者部落格

碼字不易，如文章對你有用，請幫忙點個贊，感謝支持！