【2024 WooCommerce 教學】打造專業的 WordPress 電商網站

台灣目前叫的出名的電商網站 Shopline 、EasyStore、91APP 就有好幾家，但是怎麼選呢，就算你看完網路上的懶人包，只是得到更複雜的資料，讓心情更差。

其實電商平台「並非」只是將線上的商品，搬到線上去銷售這麼簡單，中間還有許多觸及網路生態的「眉眉角角」。

例如說：

網路設計體驗 – 在購物時被糟糕的網站體驗弄得焦頭爛額？
電商新手 – 希望尋找一個易於使用的電商平台來擴展你的業務？
線上線下整合 – 可以訂位、購物、物料管理的平台。
金流、物統整合 – 手續費和運費都將影響公司獲利和定價策略。

所以在你不清楚的情況之下做選擇，一般都是危險的，而且電商網站一年幾萬塊，新增客製功能加一加幾十萬，對於剛入門的朋友，沒有穩定的現金流支持的話，這個購買按鍵可能點不下去。

其實還有一個比較簡單的選擇，就是使用 WordPress 網站來打造一個 WooCommerce 電商網站，操作上並不難，重點是很便宜，而且你有足夠的操作彈性。

做為一個入門或是起步的選擇，雖然 WooCommerce 的技術難度比較高，但比較起只有雞肋功能的便宜電商網站，成本更低、彈度和可擴充性更好。

總之，WooCommerce 的優點在於安裝即可使用，設定金流和物流上比較麻煩，但台灣金流公司有提供 WooCommerce 擴充外掛，難度已經大大減少，加上大叔教學，一步一步帶你打開自架電商網站的世界，人人都可以做的電商網站。

WordPress WooCommerce 電商網站架設步驟

租用主機：
安裝 WordPress：首先，下載並安裝 WordPress 軟體。您可以從 WordPress 官方網站下載最新版本的 WordPress。
選擇合適的佈景主題：從 WordPress 佈景主題庫或第三方網站上選擇一個適合的佈景主題。您可以根據您的需求和喜好選擇一個具有電商功能的佈景主題。
安裝 WooCommerce：在 WordPress 管理後台中，點擊「外掛」>「新增外掛」，然後搜索並安裝 WooCommerce。啟用 WooCommerce 後，您將能夠開始設定和管理您的電商網站。
設定 WooCommerce：按照 WooCommerce 的設定向導進行網站基本設定，包括商店名稱、貨幣、付款和運送方式等。
建立產品頁面：點擊「產品」>「新增產品」，然後輸入產品的相關資訊，包括產品名稱、價格、庫存等。
設定付款和運送方式：在 WooCommerce 的設定中，選擇適合您的付款和運送方式。這些選項將決定您的客戶如何結帳和收到訂單。
設定外觀和自訂化：使用 WordPress 的自訂化選項，調整您的網站外觀和佈局。您可以更改顏色、字型、背景圖片等，以使您的電商網站與品牌一致。
測試和上線：在上線之前，請確保測試您的電商網站，包括產品購買、付款和運送流程。確保一切正常運作後，您可以將您的電商網站正式上線。

這些步驟將幫助你建立一個運作良好且具有電商功能的 WordPress 網站。

WooCommerce 簡介

WooCommerce 是一個開源的 WordPress 插件，一個用來幫助你在 WordPress 上賣東西的工具，就像一個網店。

主要特點：

很容易安裝：安裝很簡單，不用擔心太多技術問題。
可以加很多功能：有很多額外的工具，可以加很多不同的功能。
付款和運送很方便：有很多不同的付款方式和運送選項。
容易管理：可以簡單地管理訂單和商品庫存。
行銷工具：有促銷和分析的功能，幫助你賣得更好。

除了這些基本功能，WooCommerce 還有很多其他的選擇，可以滿足不同的需求。

比如說，你可以：

新增不同的付款方式。
添加更多的運送選項。
使用電子郵件發送促銷活動和優惠券。
和社群媒體連接。
分析有多少人來看和購買。

使用 WooCommerce 打造專業 WordPress 電商網站

如果你還沒有自己的 WordPress 網站的話，可以參考教學：

如果你已經有一個 WordPress 網站的話，讓我們繼續看下去吧!

Step1. 安裝 WooCommerce 插件

進入後台後，請在左側找到「安裝外掛」，輸入 WooCommerce 關鍵字搜尋。

找到 WooCommerce 後再點擊「立即安裝」，安裝完成後，點擊「開啟」。

同時也可以看到附近有 WooCommerce 對應的擴充外掛提供我們創造更多可能。

Step2. 進行商店詳細資料設定

Step1. 安裝 Payment Plugins for PayPal WooCommerce

首先進入後台，搜尋外掛 Payment Plugins for PayPal WooCommerce。點擊「安裝」然後「啟用」外掛。

Step2. 連結你的 PayPal 帳號

安裝後，可以在 WooCommerce 找到 PayPal 的設定。點一下進入頁面，找到「Connect to PayPal」連結你的帳號。

完成後，會出現 Status：Connection。

Step3. 開啟付款方式

從 WooCommerce 頁面進入，選擇「付款」。找到 Payment Plugins for PayPal WooCommerce ，然後點擊啟用。

這樣在付款頁面的時候，就會出現 PayPal 選項。

Step3. 新增商品

我們重新開一個視窗到後台頁面，找到 WooCommerce 點擊「商品 → 新增」。

輸入商品名稱和介紹，頁面下方還有商品資料等設定。

再輸入價格，完成後點擊「發佈」。

Step4. 台灣金流設定：歐付寶金流設定(貼心連結)

金流在各國擁有不同的法規，而且近年來台灣的詐騙問題十分嚴重，因此金流平台的監管相對嚴格。簡而言之，如果你計劃在台灣建立電子商務平台，就必須使用符合台灣合規要求的金流平台。

綠界和藍星是比較知名的金流服務公司，然而我個人則選擇了比較簡單易用的歐付寶。歐付寶是歐買尬 (3687) 的轉投資公司，它在金流方面與許多銀行合作，包括聯合信用卡處理中心、臺灣銀行、第一銀行、華南銀行、台北富邦、國泰世華、玉山銀行、台新銀行、中國信託等等。

總而言之，相較於綠界，我覺得歐付寶的註冊流程更加簡單易懂。

Step1. 下載外載(貼心連結)

進入歐付寶的套裝購物車模組頁面，找到 Woocommerce 的金流模組，然後點一下，將會進入 github 頁面。

進入頁面後，可以點擊 Install.pdf 的安裝說明，點擊 Opay.zip 可以下載外掛。

Step2. 安裝外掛

回到安裝外掛頁面，點擊上方的「上傳外掛」，將剛剛下載的 opay.zip 上傳並立即安裝。

Step3. 歐付寶金流設定

安裝後，我們需做一下認證的動作。由後台點擊一下「WooCommerce → 設定」選擇付款。

選擇你要的付款方式，點擊後方的設定。

回到歐付寶的頁面，找到「系統開發管理」→「系統介接設定」，將商店代號、HashKey 、HashIV 貼到 WordPress 的頁面。

取代這三個值，付款方式要用點擊 Ctrl 反白的方式，然後點擊下方的「儲存設定」。

最後，我們將商品加入購物車看一下，除了基本的 PayPal 之外，還出現了歐付寶。

這樣就算是完成了基本的 Woocommerce 設定，大家可以回到商店頁面，嘗試操作一下有沒有問題。對於個人或是小型工作室來說，已經可以做到商品上架、金流、物流。

然而，這只是電商網站的基礎設置，還有更多可以改進和擴展的地方。舉個例子，如果你有很多商品，你應該考慮對商品進行分類和應用過濾器，同時也需要一個有效的會員管理系統等等。因此，我們將專注於商店頁面和結帳頁面的重新設計，以提升你的電商網站的專業程度。在這方面，我個人推薦使用 Elementor 和其他相關的外掛，這些工具能夠幫助你實現更多功能和提供更好的使用者體驗。