WooCommerce 中文教學：安裝設定＋功能介紹（完整指南）

這章節進行WooCommerce 外掛安裝，有了它才能運作WordPress 網路商店。

... 選擇商店行業別，再來選擇商品類型，這邊勾選實體商品，然後繼續下一步。

Skiptocontent 這是一篇完整的「WooCommerce教學」，教你完全上手這款WordPress網路開店外掛。

全世界許多人正在用WooCommerce經營自己的網路商店，原因是不需依附任何的第三方平台，且架站費用便宜，對於中小企業是最佳選擇。

更多WooCommerce是什麼。

WooCommerce有豐富的優質電商主題，可供站長打造客製化的品牌電商，且不用會任何的程式基礎，任何人都能架站成功！ 如果你正打算經營網路商店，或是對WooCommerce操作還不是很熟悉，這篇文章將會有效的幫助到你。

章節如下： 1.建立網路商店需準備？2.WooCommerce是什麼？3.WooCommerce外掛安裝＋設置4.永久連結設定5.商店設定一般設定商品設定帳號及隱私權設定電子郵件設定進階設定6.WooCommerce金物流設定 7.新增第一個商品8.設定商品分類＆標籤9.商品訂單管理10.會員管理11.優惠券行銷功能12.WooCommerce電商主題推薦常見問題WordPress學習資源 WooCommerce電商架設，完整影片教學 WooCommerce電商架設，完整影片教學 1.建立網路商店需準備？ 架設購物網站和建立形象網站一樣，都需具備網站架設3要素，如下。

架設網站3要素 1.網域申請（申請門牌） 2.主機租用（租一塊地） 3.網頁設計（搭建房子） 個人網域：就如同家裡門牌一樣，可以讓訪客順利搜尋到網站。

主機租用：網站需有一個放置的家，而主機就是網站的家，可依照個人需求挑選適合的主機。

網頁設計：有了個人網域＋虛擬主機，接下來就是做網頁設計，打造網站品牌風格。

對於新手來說，假如不知道如何一次完成上面3要素，Bluehost 是WordPress官方推薦的主機，能一次幫你處理完畢，費用便宜＋使用者體驗良好，很適合第一次入手。

新手入門，請參考 Bluehost教學 有完整架站流程（網域＋主機＋網頁設計）。

如果有更大的主機需求，擔心主機負擔不了網站流量，可參考A2Hosting教學或Cloudways教學，它們的主機性能更好，但費用會稍微多一點。

優質主機推薦有更完整的比較，這是我用了10幾家國內外主機所整理出來的，應該會減少你花費時間尋找的成本。

網頁設計部分，參考最棒電商佈景主題或搭配頁面編輯器，可做出客製化的網站風格。

至於系統操作熟練度，可參考WordPress後台教學、WooCommerce完整教學，會幫助你打通任度二脈。

以上的教學文，包含完整的網域申請、主機租用、網頁設計、系統學習的全部流程，如果都具備好個人或公司網站了，就跟著我繼續學習吧：） 2.WooCommerce是什麼？ woocommerce網路開店外掛 WooCommerce是WordPress旗下最知名的網路商店架設外掛，全球下載量已超過4500萬，而且它是免費的。

可參考WooCommerce完整教學，學習更多。

可用它來完成購物網站架設，開始你的網路開店平台，像是商品管理、訂單管理、會員管理、優惠管理、頁面管理、金物流串接..都具備。

WordPressWooCommerce外掛的豐富生態圈 WooCommerce的生態圈很豐富，有多種周邊擴充功能，這也是讓它更完整強大的原因。

有關WooCommerce優質主題推薦，還有如何設定電商金物流，這裡面都有詳細解答。

如果想節省網路開店平台的預算，使用WooCommerce開店平台外掛，絕對會是你的好選擇：） 立即取得WooCommerce外掛 3.WooCommerce外掛安裝＋設置 這章節進行WooCommerce外掛安裝，有了它才能運作WordPress網路商店。

前往外掛>安裝外掛，搜尋WooCommerce外掛，然後點選安裝＋啟用外掛。

架設購物網站：WooCommerce外掛安裝 第一次啟用後，會出現WooCommerce的自動安裝流程。

輸入商店資料，方便WordPress設定貨幣和運費規則，如果沒有實體商店可以先任意填入地址，國家選台灣就好。

（之後WordPress後台都能再改） 商店外掛設定 選擇商店行業別，再來選擇商品類型，這邊勾選實體商品，然後繼續下一步。

選擇商品類型 這步驟是WooCommerce收集資料用的，隨意填寫就好不是很重要。

填寫可能販賣的商品數量，WooCommerce會詢問是否有在其他網路商店平台販售，這邊先選No，推薦的外掛都不安裝。

商店問券查詢 然後WooCommerce會詢問想安裝哪種WordPress主題，可先暫時安裝Storefront購物主題，方便接下來教學，主題之後都能再換。

點Freethemes免費主題>Choose。

wordpress購物車，佈景主題選擇 然後WooCommerce會建議是否安裝JetPack外掛，它是一款官方綜合型外掛，有涵蓋安全性、速度優化、功能擴充等..能力，是滿實用的外掛。

因為主要示範WooCommerce系統操作，這裡就先不安裝（如果想安裝也可以，但會多跑幾步流程）。

WooCommerce會推薦是否安裝JetPack外掛 這樣一來WordPress的WooCommerce網路開店就建置完成啦，會看到有多種商店功能，像是訂單管理、顧客管理等..，可以做使用。

WooCommerce外掛首頁會有商店設定引導，這裡可先不理它，繼續照本文教學習即可。

WooCommerce商店外掛面板 然後輸入你的網址，瀏覽一下網站前台頁面，會看到剛安裝的WordPress佈景主題，也順利出現了。

恭喜你：） WooCommerce初步購物商店完成 有關於購物網站設計＋版面調整，這裡就不多說明。

可以參考架設購物網站，有完整的購物網站設計＋上線。

另外，也有Flatsome電商主題教學，可前往參考學習唷：） 更多的WordPress網站基本操作，可參考WordPress後台教學，能幫助你掌握整個網站。

4.永久連結設定 WooCommerce外掛安裝＋設定完成後，系統會自動產生幾個網站頁面。

但網址路徑有點過長不好閱讀，也會影響WordPressSEO，因此需要做個調整。

更多SEO是什麼。

前往設定>永久連結，一般設定改成文章名稱形式。

可參考永久連結設定，了解更多。

WordPress設定網站永久連結 同一頁面往下滑，會看到商品固定網址，選擇商品起點類型，完成後儲存。

儲存完畢選項可能會跳成自訂起點並顯示shop是正常的，這是WooCommerce商品列表的預設路徑值。

設定商品相關網址類型 這樣文章、頁面、商品的永久連結就設定完畢囉，除了網址看起來美觀、有效提升SEO分數以外，也方便訪客搜尋。

5.商店設定 這章節，是有關商店設定的「WooCommerce教學」。

有包括一般設定、商品設定、金物流設定等..，這是滿重要的一步，因為WooCommerce多數功能都在這調整，我將帶大家上手。

至於運送方式（物流）和付款（金流），因為內容比較多一點，我會放到下一章說明。

一般設定 前往WooCommerce>設定。

剛在安裝WooCommerce有輸入商店地址，這裡都能再更改，如果沒有實體地址就空白即可。

WooCommerce商店基本設定 以台灣中小型商家設定當範例，銷售和運送地區可設定台灣。

如果商店販售的是虛擬商品，沒有實際運送的動作，可把運送地區改為「停用運送＆運費計算」，也可以在後續的商品設定調整。

更多WooCommerce商品種類設置。

稅金功能比較少用到，商家通常都已經把稅金加到商品上了。

優惠券功能，如果商家有促銷活動可開啟。

WooCommerce設定銷售地區/運送地區/稅金/優惠券.. 然後設定貨幣選項，貨幣設定新台幣，小數位可以調成0，最後儲存。

網路開店平台：WooCommerce系統設定 商店基本資料就設定完成了。

商品設定 前往商品>一般可做商品設定，主要有分成一般、庫存、可下載商品這3個項目。

挑選其中一些進行說明，沒說明的部分因為比較好理解我就略過了，文字對應下圖。

商店頁面：就是商品列表頁，預設會使用WordPress自動新增的商店頁面，也可以自行新增頁面並在選項中指定即可（商店頁面路徑，需和WordPress設定>永久連結>商品固定網址的自訂起點一樣，才會出現商品）。

預留位置圖片：如果忘了上傳商品圖片，就會抓取這張圖填充，也可以空白。

商品評價：是否開放訪客評價商品，不開放的話不勾選即可。

WooCommerce商品功能設定 前往商品>庫存，可以啟用庫存管理功能，之後在商品管理中，就可以設定庫存數量和相關功能。

可設定保留庫存時間（預防扣留商品）、是否開啟低庫存通知、庫存顯示格式等..，設定完記得儲存。

WooCommerce商品庫存管理 至於商品>可下載商品，就不特別介紹因為算是比較小眾，這是虛擬商品的相關設定，基本上用預設值即可。

虛擬商品例如電子書、軟體檔案、資料文件等..。

帳號及隱私權設定 前往帳號及隱私權，我挑選其中幾項做「WooCommerce教學」。

可以參考我的配置或依照自己需求做設定，文字說明可配下面圖片。

允許客戶免帳號下訂單：是否開放訪客不用註冊就能結帳（我沒勾選，有帳戶紀錄比較方便後續作業）。

允許顧客在結帳過程中登入現有的帳號：結帳頁面就能登入帳戶，不用離開流程。

允許客戶在結帳過程中建立帳號：結帳頁面就有帳戶註冊欄位，不用離開流程。

允許客戶在「我的帳號」頁面上建立帳號：在此頁面能進行登入or註冊會員動作。

建立帳號時，系統會根據客戶名字、姓氏或電子郵件，為客戶自動產生帳號使用者名稱：會自動產生使用者名稱，用來登入用的（我沒勾選，習慣讓顧客自己設定）。

建立帳號時，系統會自動產生帳號密碼：會自動生成帳密（我沒勾選，習慣讓顧客自己設定密碼）。

WooCommerce帳號和隱私權設定 當前頁面下方還有隱私權頁面設定，在安裝WooCommerce外掛時，系統就會自動生成隱私權頁面，也自動幫你指定好了。

（如果沒有就自行新增WordPress頁面，然後指定即可） 可前往頁面>全部頁面，找到PrivacyPolicy頁面，把內文改成中文即可，網路上有很多隱私權如何寫的相關文章，也可以參考中文版隱私權、英文版隱私權工具。

WooCommerce隱私權設定 WooCommerce可讓自由設定資料保存時間，可依個人需求設定。

電子郵件設定 前往電子郵件。

WooCommerce預設訂單在不同階段，會寄送給網站主或顧客通知信件，通知目前訂單流程。

更多WooCommerce信件修改外掛。

可依照自己需求調整，看是否開啟信件通知，還有編輯信件內容。

建議每封的信件內容需編輯一下，改成更符合台灣顧客的用語，或是可用YayMail進行信件設計。

電子郵件設定 小技巧分享，WooCommerceEmail有提供3個系統變數（對應下圖），填入到欄位後，系統會自動幫你帶入動態數值，看需不需要用到。

{site_title}：網站標題 {order_number}：訂單編號 {order_date}：訂單日期 WooCommerce信件內容設定 電子郵件通知下方，可設計電子郵件發送選項＆信件樣板，點擊預覽電子郵件可看版型。

頁首圖片輸入圖片連結，到媒體>媒體庫複製圖片連結即可，完成後記得儲存。

WooCommerce教學：信件發送選項＆樣板設定 進階設定 前往進階設定。

WooCommerce外掛安裝後，系統會自動新增幾個必要頁面＋賦予類型，像是購物車頁面、結帳頁面等..。

如果不小心誤刪頁面，可以先自行新增頁面，然後再來這邊指派功能即可（如下圖）。

設定完成後，WordPress會自動在頁面帶入短代碼，網頁就有特殊能力了（PS.服務條款內文需自行編輯唷）。

WooCommerce進階設定 WooCommerce主要頁面類型，短代碼種類（可參考WooCommerceShortcodes） [woocommerce_cart]：顯示購物車頁面 [woocommerce_checkout]：顯示結帳頁面 [woocommerce_my_account]：顯示用戶帳戶頁面 [woocommerce_order_tracking]：顯示訂單追蹤表單 當前頁面下方還有結帳端點、帳號端點設定，這邊不建議更動，這是系統預設的路徑，維持原狀就好。

以上就是「WooCommerce教學」有關於商店設定的部分，接下來介紹好玩的金流、物流設定囉：） 6.WooCommerce金物流設定 有關如何設定金流、物流是滿重要的一環，如果付款方式＋運送方式沒處理好，要怎麼讓顧客掏錢呢ＸＤ WooCommerce預設金物流介紹 WooCommerce有提供許多基本金流、物流方式，可提供給商家來使用，滿足顧客的消費需求。

完整教學，請參考如何設定WooCommerce金流＋物流？ 預設金流類型：銀行轉帳、支票付款（不常用）、貨到付款、PayPal付款（不常用）。

預設物流類型：單一費率、免費運送、自行取貨。

物流類型可新增多個項目，舉例單一費率類型，可新增取名為宅配到府（黑貓）、宅配到府（大嘴鳥）、郵寄送貨等..。

免費運送類型，可取名為台灣常見的“滿千元免運費”之類的，免運的物流欄位記得放在最前面，達成免運條件，系統才會自動選取。

如果有國外金流來往需求，可以參考WooCommerce串接PayPal金流，設定PayPal付款服務。

使用綠界的WordPress外掛，進行擴充 雖然WooCommerce預設的金物流方法，可順利跑完購物流程，但對於台灣顧客的使用習慣，可能還是會有點不夠用。

所以通常會搭配第三方金物流公司，像是綠界、藍新所開發的WordPress外掛，來擴充整個金物流功能。

像是金流有信用卡付款、超商代碼、超商條碼等..，物流有超商取貨功能。

完整安裝＋串接教學，請參考WooCommerce綠界教學。

如果綠界官方的金物流外掛，有因為版本更新比較慢而導致操作問題，也可以改使用RYWooCommerceTools串接。

付款方式設定流程 前往WooCommerce>設定>付款，可設定電商的付款方式。

如果有安裝綠界外掛，會多出其他的金流方法。

WooCommerce金流設定（付款方式） 運送方式設定流程 前往WooCommerce>設定>運送方式，可調整電商的運送方式。

第一次進來需新增運送區域，和該地區配合的物流方式，如果服務範圍都在台灣，就選台灣就好。

如果有安裝綠界外掛，就會多出超商取貨功能。

WooCommerce物流設定 點擊綠界的超商取貨功能，裡面就可設定配合的超商囉！ 超商取貨方式選擇 若是販售特殊商品的電商平台，需要依不同條件，例：重量、體積來計算運費，可以參考：WooCommerce運費外掛進行學習：） 以上就是WooCommerce金物流的簡易教學。

7.新增第一個商品 經過前面的商店設置動作，商店基礎都完成差不多了。

這章節開始新增第一個商品，終於來到有趣的地方了：） 前往商品>新增商品，填入商品名稱、商品描述（會放至商品頁面下方），這不多介紹。

永久連結是指商品網址，建議設定為英文，如果沒看到可編輯網址的地方，先點擊當前頁面的儲存草稿，就會出現了。

WooCommerce教學：編輯商品名稱、網址、介紹 選擇商品類型＆銷售金額 WooCommerce常製作的商品類型，主要有這6大項目，分別是 簡單商品、可變商品、虛擬商品、可下載商品、聯盟行銷商品、組合商品。

6大類型商品上架方法，請參考WooCommerce多種商品類型上架。

商品類型介紹 簡單商品：就是常見的單一商品形式。

可變商品：同一商品有不同尺寸或顏色（以此類推）。

舉例：夏天短T，顏色有白/黑/藍，尺寸有S/M/L，就可用這個類型。

虛擬商品：銷售非實體商品（或服務）。

舉例：不同種類的線上課程、顧問服務等..。

可下載商品：銷售可下載的商品。

舉例：販售電子書、程式軟體、門票憑證等.. 品。

聯盟行銷商品：推廣不存在自己商店的商品（用連結方式引導訪客，前往其他處購買）。

舉例：如果想推廣Amazon上的商品，就可用這個類型。

組合商品：可把商品組合起來一起賣。

舉例：可以新增一個洗澡產品套餐，裡面有沐浴乳、洗髮精、肥皂、浴巾，當訪客點進套餐裡，就可以各別選購組合內的商品購買。

這邊僅先示範新增「簡單商品」，然後設定商品價格。

WooCommerce設定商品資料 額外教學 虛擬、可下載，這兩個選項可搭配使用（如上圖）。

如果販售像是線上課程、電子書等..任何非實體商品，就需把虛擬打勾。

至於可下載就看有沒有東西要讓顧客下載，勾選後可上傳檔案，給已購買的顧客下載。

設定商品庫存 切換到庫存分頁，輸入商品貨號，如果需要管理庫存可以打勾，勾選後就能設置相關選項。

低庫存臨界值，是指商品庫存低於設定數量，WordPress會發信給電商主通知。

WooCommerce設定商品庫存 備註：如果是虛擬商品，通常管理庫存不會勾選。

舉例：販售電子書，不會有數量上的問題，但還是可依需求調整。

運送方式設定 切換運送方式分頁，可設定商品重量、尺寸，方便電商紀錄商品，有需求再填就好。

運送類別選項，如果沒特別需求就維持預設值即可。

WooCommerce商品運送方式設定 額外教學 運送類別：可設定指定類別，像是冷凍商品、大型商品（分類需自行編輯），顧客結帳時有購買此商品，就會自動套用不同的運費。

可參考WooCommerce金物流設定和特殊運費計算外掛。

隱藏價格（報價系統）：有些電商可能需要隱藏商品價格，建立報價系統，讓顧客填寫詢價表單聯繫站長，進一步訂購商品。

可參考WooCommerce詢價表單外掛教學。

連結商品設定 追加銷售選項，可設定綁定商品提高客單價，綁定商品會出現在當頁商品下方，類似「你可能也會喜歡..」功能。

交叉銷售選項，是一樣的功能，只是綁定商品會放在購物車頁面（結帳前）。

WooCommerce額外商品推薦 其他功能編輯＆發佈商品 填入商品簡短說明（會放至商品頁面上方）>設定商品主圖片、圖庫>設定商品分類、標籤>發佈商品。

這樣一來，商品就上線囉。

WooCommerce編輯商品 前往網路商店前台看一下成果，太好了！第一個商品順利上架了。

WooCommerce商品上架成功 以上就是「WooCommerce教學」，有關新增商品的流程介紹，可繼續新增更多商品唷。

加油！ 8.設定商品分類＆標籤 商品分類＆標籤，有助於顧客找到喜歡的商品，也方便網站主整理歸納商品。

來看看如何編輯。

編輯商品分類＆標籤 前往商品>分類，會看到左手邊可新增分類，右手邊可編輯已存在分類，可用拖放方式排序。

商品分類也可以排父子階級唷。

WordPress編輯商品分類 代碼：就是分類網址，建議填寫英文。

上層分類：可設定從屬階層。

縮圖：每個WordPress佈景主題不同，有的會呈現、有的不會。

小技巧分享，點擊快速編輯可直接編輯分類名稱＆網址，完成後儲存。

編輯WordPress商品分類 除了商品分類以外，還有商品標籤可新增，操作方法都差不多就不多介紹。

如何把商品分類or標籤放入選單中？ 當商品分類新增完畢，可能會想放置在網站選單中讓訪客點選，這邊教大家如何做。

首先，前往WordPress外觀>自訂，找到「選單」。

前往WordPress外觀>自訂，點選「選單」 選擇需更改的選單，如果還沒有選單的話可以自己建一個。

選擇需更改的WordPress選單 點選「新增選單項目」，找到「商品分類」並點擊要新增的分類，就會發現商品分類已經添加到選單中了，最後進行發布即可。

設定WordPress商品選單 以上就是WooCommerce把商品分類or標籤放入選單中的教學：） 9.商品訂單管理 顧客購買完成後，商品訂單就會自動產生囉，下面教大家熟悉流程。

前往Woocommerce>訂單，所有的商品訂單都會出現在這，點擊訂單即可編輯。

wordpress訂單管理 訂單內容主要分成4小塊，下面會針對不同區塊做簡單介紹。

wordpresswoocommerce訂單管理 訂單資料區塊 可編輯訂單日期、訂單狀態、帳單資訊、運送方式等..，有關訂單的主要細節，尤其是「訂單狀態」，應該會滿常用到。

訂單狀態有等待付款中、處理中、保留、完成、取消、已退費、失敗等..多種狀態，可依照訂單進度做調整。

下面針對不同狀態，進行部分狀況說明。

保留：使用銀行轉帳付款，如果顧客還沒付款，訂單狀態會顯示為「保留」。

等待付款中：使用信用卡服務，如果顧客還沒付款，訂單狀態會顯示為「等待付款中」。

處理中：當顧客付款完畢（或是貨到付款），訂單狀態會顯示為「處理中」。

已完成：當商品已寄出（或是已經完成交易），可手動把訂單狀態改為「已完成」。

順帶一提，WooCommerce切換到不同訂單狀態＋進行儲存更新後，會發送信件通知顧客唷，所以操作上需特別留意。

更多WooCommerce信件設計外掛。

建議可以先自行跑一下購物流程，熟悉整個訂單運作模式。

有關寄信內容，可前往WooCommerce>設定>電子郵件，因為上面有介紹，這裡就不多說明。

商品資料區塊 消費者訂購的商品資料，如有新增/編輯/刪除商品、商品數量修改、運費調整、折價券使用、退費等..，都可在這一併調整。

最後記得按下「重新計算」，才會得到更新後的正確訂單金額唷。

小提醒：點擊「重新計算」按鈕後，顧客的會員後台訂單，也會同步更新，請特別留意唷。

WooCommerce訂單管理：編輯商品資料 訂單動作 訂單動作分成4種類，前面三種比較常用到，最後一種是給虛擬商品使用的。

一般訂單更新（無文字） 將發票/訂單明細寄送給客戶 重寄新訂單通知信 產生下載權限 確定消費者付款完成，可使用「將發票/訂單明細寄送給客戶」，顧客就會收到相關信件。

如果訂單有任何更改需要提醒顧客的，如：新增商品、商品數量調整等..，或是顧客沒收到訂單通知信需要補寄的，就可選擇「重寄新訂單通知信」，重新通知顧客。

在訂單管理，如果有調整訂單相關內容，請記得按下「更新」，才會生效唷：） 訂單備註區塊 有分成私人備註（站長自己看的）、給顧客的備註，這2種可依照需求填寫，這容易理解就不多介紹。

以上就是WordPress＋Woocommerce電商平台的購物車訂單系統，設計滿直覺的，很適合剛入門電商，想經營線上商店的夥伴。

幾乎都是重點功能，上手起來也快，重點是免費的購物網站架設，很實用！ 10.會員管理 購買完成的顧客，會自動成為網站會員，在「Woocommerce>顧客」中，就可看到相關資訊。

點擊會員名稱，即可編輯顧客資料。

會員管理也提供多種搜尋條件，和列表匯出功能。

wordpresswoocommerce顧客資料一覽 在「使用者>全部使用者」，可看到所有註冊的會員資料，也可以編輯每個會員。

架設購物網站：會員編輯管理 如此一來，你對每個會員都瞭若指掌了，剩下的只要想如何累積更多的顧客囉！ 會員功能補充 WooCommerce會員可以有多種玩法，像是：購物金、階級制度（顯示不同折扣、商品..）等..，有多種行銷玩法可以結合會員功能。

站長們可在熟悉操作後，自行設置看看：） 11.優惠券行銷功能 WooCommerce有提供豐富的折價券功能，可以新增多種類型，像是百分比折扣、固定金額折扣、買越多折越多折扣等..。

對於不同的折扣模式，又能增加使用條件，就能演化出滿額折扣、針對指定分類or商品折扣等..，多種變化方式，而且都是免費使用的，真是太好了。

對於折價券（優惠券）功能，我有寫一篇WooCommerce折價券教學，帶你上手幾種常見的折價類型。

下面示範使用「百分比折扣」類型，實現在指定日期前，全館打8折的行銷活動。

前往行銷>折價券，點擊按鈕產生序號，指定「百分比折扣」，設定20（代表打8折意思，以此類推），設定優惠到期日。

設定「百分比折扣」優惠券 備註：如果不是最新版的WooCommerce系統，折價券功能會放在WooCommerce>折價券。

前往網站前台，來測試一下是否成功。

太好了，購買了$200的商品，使用折價券之後少了$40，果然打了8折了。

網站前台使用折價券 以上只是WooCommerce折價券的其中一種設定，還沒有加上任何的使用限制，有關於更多折價券使用方法，可參考WooCommerce折價券教學。

若需要全站式折扣行銷，例如：滿額免運、全館九折、買一送一等..，可以參考進階教學：使用外掛打造WooCommerce電商行銷活動。

趕快促進品牌電商的銷售金額吧：） 12.WooCommerce電商主題推薦 如何打造網路的專業品牌形象，委外製作可能是很多人想到的第一方法，但需承擔的是動則好幾萬甚至好幾十萬的網站建置費用，這對中小企業是個沈重的負擔。

有沒有一種方法是，可以跟專業人士一樣製作品質優質的電商網站，但是網站製作成本費用不要這麼的高。

其實很簡單，就是使用WordPress＋WooCommerce組合，然後再找一個自己喜愛佈景主題，套用並改成自己喜歡的樣子。

除了省錢而且又省時，重點是可以做出完整購物流程的網站，這是很推薦使用的方法。

想有更完整的客製化功能，有推薦的WooCommerce進階版主題嗎？ 常見的架設購物網站，通常會有幾種搭配方法。

第一種：使用Flatsome強大的電商主題 Flatsome是最暢銷的WooCommerce購物網站和商業主題，它在ThemeForest的電商分類上，蟬聯No.1許久。

完整的電商架設教學。

它的主要功能都是為網路開店打造，有多種不同的線上商店、品牌形象版型，只需一鍵安裝即可套用。

Flatsome是許多人很愛用的一款電商主題，但如果你想參考別的，這篇WooCommerce最棒主題推薦也有很多選擇。

第二種：使用Divi生態圈 Divi是由知名ElegantThemes公司開發，是許多網頁設計師喜愛的一款軟體，除了功能強大且有很多高質感的元素（和現成模板）。

更多完整 Divi中文教學。

ElegantThemes旗下產品，有全功能DiviTheme佈景主題、DiviBuilder頁面編輯器、Extra主題（可用在部落格/新聞雜誌/作品集..）、Bloom電子報行銷工具、Monarch社群工具等..。

所以使用Divi軟體，不會只有一種軟體可用，而是能享受它們公司的所有服務。

當然，Divi一樣有和WooCommerce電商外掛完美兼容，而且有提供許多電商功能模組。

第三種：使用Astra主題＋Elementor頁面編輯器 Astra是輕量且多功能的佈景主題，內建有很多模板可直接套用，有提供免費版可使用。

更多Astra主題教學。

或是可參考建立Blog、品牌官網設計、購物網站建置這幾篇文章，都是使用Astra主題設計的唷～ 此外，Elementor是專業的頁面編輯器，讓你可用區塊拖放方式（視覺化編輯），就能設計出多功能頁面，同樣有免費版方案。

更多Elementor外掛教學。

常見問題 WooCommerce是什麼？ Woocommerce是WordPress旗下最知名的網路商店架設外掛，全球下載量已超過4500萬，而且它是免費的。

可參考WooCommerce完整教學，學習更多。

可用它來完成購物網站架設，開始你的網路開店平台，像是商品管理、訂單管理、會員管理、優惠管理、頁面管理、金物流串接..都具備。

WooCommerce可以上架哪種類型的商品？ WooCommerce常製作的商品類型，主要有這6大項目，分別是 簡單商品、可變商品、虛擬商品、可下載商品、聯盟行銷商品、組合商品。

6大類型商品上架方法，請參考 WooCommerce多種商品類型上架。

WooCommerce有行銷功能嗎？ WooCommerce生態圈提供豐富的行銷功能，像是優惠券行銷就是其中一種。

可以新增多種類型，像是百分比折扣、固定金額折扣、買越多折越多折扣等..。

對於折價券（優惠券）功能，我有寫一篇 WooCommerce折價券教學，帶你上手幾種常見的折價類型。

如果需要新增全站式的行銷，而非輸入優惠券才能得到折扣，可以參考WooCommerce全站式折扣外掛來進行學習唷！ WooCommerce有提供金物流嗎？ WooCommerce有提供許多基本金流、物流方式，可提供給商家來使用，滿足顧客的消費需求。

完整教學，請參考 如何設定WooCommerce金流＋物流？ 預設金流類型：銀行轉帳、支票付款（不常用）、貨到付款、PayPal付款（不常用）。

預設物流類型：單一費率、免費運送、自行取貨。

物流類型可新增多個項目，舉例單一費率類型，可新增取名為宅配到府（黑貓）、宅配到府（大嘴鳥）、郵寄送貨等..。

WordPress學習資源 學習WordPress網站架設流程中，或許會遇到一些解決不了問題，可以在下方留言給我，我會盡力協助解答。

如果你沒有時間自己架站，或是想委託專人服務，那可以參考我們的網站建置服務。

我最近也開啟了YouTube頻道，裡面有些影片教學，你也能搭配Blog一起學習，應該會來的更加順手（歡迎訂閱我＋開啟小鈴鐺，可收到第一手影片教學通知）。

當然，如果怕問題描述不清楚，也可以加入WordPress教學時光屋–犬哥網站，我同步也會在社團中幫忙解惑。

希望這些對你有所幫助，祝架站順利啦。

關於作者犬哥我是站長犬哥，長期關注：WordPress網站架設、WordPress後台教學、WordPress佈景主題、WordPress外掛、網路行銷等..：） 50thoughtson“WooCommerce中文教學：安裝設定＋功能介紹（完整指南）” 請問我原本就有一個網站在寫blog的文章 我其中一個主題是有關聲學相關的工程產業我只有這個主題是想製作成電商頁面 如果啟用了WooCommerce其他的文章排版會不會受到影響呢? 還是說我能夠怎麼樣編排呢? Reply 嗨～現有存在的文章＆頁面，基本上不會被影響。

只是安裝WooCommerce會多了幾個電商相關頁面＆電商外掛功能（但頁面部分都能從後台移除掉）。

如果有備用測試站，會先建議在那邊先測試一下，沒問題後再轉到正式站執行。

希望有幫助到你唷：） Reply 你好~先謝謝你的詳細分享~很有幫助!但因考慮如以wordpress+woocommerence的方式來架設網站，在會員資料的安全性上會不會有較大的風險呢？謝謝 Reply 嗨，這個可以放心唷，使用WordPress＋WooCommerce社群定期都會有軟體更新，因為WordPress是開源軟體，全球有廣大優秀開發者不斷維護此軟體。

這相對於許多網頁設計公司的自開發系統，可能還在使用PHP5的架構開發，或是還在用有潛在風險的程式碼，安全性相比可想而知。

希望有幫助到你唷：） Reply 非常感謝此篇的分享，我想請教您這個網址https://theblondesalad.com/最下方的精選產品也能用WooCommerce做出來嗎?她的方式只是導購到其他平台。

或者站長有其他推薦的外掛?再麻煩您回覆。

Reply 嗨～James： 我是有看到這款RelatedProductsforWooCommerce外掛，看是不是你想要的功能，可以試看看：） Reply 感激小犬大的詳細教學^^ Reply 嗨，多謝鼓勵！歡迎繼續關注小犬網站唷：） Reply Hi小犬, 請問如果我只需要完整豐富的商品列表（品牌、系列及商品）及商品頁，但不需要購物車及金物流功能，只需要提供與我們聯絡或留下聯絡資訊等按鈕（表格），請問woocommerce適合嗎？又或者有其它推薦嗎？謝謝～ 不好意思一直請教^^ Reply 嗨～Adam： 你可以在主題的function.php加上下面的兩行代碼，應該就能順利隱藏了（外觀>佈景主題編輯器），可以試試看～ remove_action('woocommerce_after_shop_loop_item','woocommerce_template_loop_add_to_cart'); remove_action('woocommerce_single_product_summary','woocommerce_template_single_add_to_cart',30); Reply Hi小犬, 抱歉打擾，請問假設我有商品陳列需求，但無購物車及金物流需求，woocommerce一樣可以做到嗎？ 比如我網站將有多個品牌及系列的商品展示，並且希望來客在看完完整的商品頁面後，可以點選某個按鈕，進行留下資料或需求的填表，後續將由我們專人與客戶聯繫。

不好意思，再請教你囉！謝謝～ Reply 嗨，你可以先參考我剛的留言，把購物車按鈕隱藏起來。

其實實現方式，就是製作一個按鈕然後連結到你設計的聯絡表單頁面，就可以了。

至於點擊按鈕連結到表單功能，要看你使用的主題是否有這樣的功能（Flatsome有，相關教學會放在下面）。

或是使用類似Elementor的頁面編輯器處理，但要支援WooCommerce頁面客製化，可能需升級到進階版～ 相關資源放下面給你參考：） Flatsome主題 ElementorPro教學 Reply 非常謝謝您~^^ Reply 不客氣喲：） Reply 請問聯盟行銷商品是一個什麼樣的概念? Reply 嗨，「聯盟行銷」是協助商家（或公司）推廣它們家的商品、服務，然後得到部分的獎金分潤，大概是這樣的概念。

Reply 你好謝謝這篇文章的協助我成功的建立了商店 但想請教要如何不要有文章頁面呢？ 應該說我希望客人進到網站首頁 不要直接看到文章的頁面（不要像部落格那樣) 希望看到的是這家店的特色說明等等 想看文章才另外點選其他連結 該如何更改謝謝你 Reply 嗨，不客氣唷：） 至於你提的問題，可前往WordPress設定>閱讀，在「網站首頁顯示內容」選擇「靜態頁面」，然後靜態首頁的地方，就選擇你要使用的頁面即可。

這樣首頁就會更換囉！ Reply 你的教學文章真的太易懂了！！ 我完全沒有學過任何前端後端開發，只碰過一點WP的基礎操作而已，看你的教學StepbyStep也可以建立完整～ 雖然目前只設定到一半還沒完成，但是真的很感謝版大無私奉獻！ Reply 嗨，多謝你的支持！ 架站加油～有問題歡迎提問唷：） Reply 謝謝小犬教學文章，真的受益良多！ Reply 嗨，多謝你的鼓勵！ Reply 想請問購買Astrapro使用任何的主題套上WooCommerce都可以變成購物型的網站嗎 謝謝！ Reply 嗨，基本來說是的，因為WooCommerce本身就是一款完整的電商外掛，裝上去網站就會有購物功能。

至於不同主題的差別，只在於電商能夠客製化程度的多寡而已。

我有列出幾款不錯的WooCommerce電商主題，也可參考下。

Reply 感謝小犬大大的分享，想請問一下，如果我今天的商品是屬於不同時段的課程+不同的老師，使用WooCommerce有比較合適的主題可以使用嗎？例：我的商品列表可能是一個每周七天的時間表，上面想放各個老師上課的時段。

Reply 嗨，Henry， 我覺得你的需求應該是希望可以開放各個老師的預約時間，讓客戶可以去預定時間上課嗎？ 那我覺得可以使用相關的預約外掛，例如：Amelia來幫助你。

我們已經推出架設預約網站的教學文章囉：） 使用Amelia外掛設計線上預約網站。

Reply 小犬大大您好，非常感謝您的推薦，另外想請問我在Elementor頁面編輯器直接拉取我的商品型錄，可以完成相關課程商品的陳列，但我測試的時候，發現當我進到購物車頁面，點選回到商店要回到我Elementor編輯好的商品頁面時，他會跳回我Woocommerce的預設商店頁面，有辦法設定導回我設定好的Elementor編輯好的商品頁面嗎?(Woocommerce的預設商店頁面好像沒辦法用Elementor編輯) Reply 嗨，Henry， 有可能是沒有指派商店頁面， 可以前往WooCommerce設定>商品>找到商品頁面，指派你另外設計的商品頁面試試看：） Reply 我有Wordpress網站6年了，網頁原本不是自己建構的，內容雖然是中文，但原本下載主題及插件都是英文，當時我翻譯成中文，再請網頁設計人員放上網去。

最近為了安全起見，陸續更新插件，不得已更新主題，導致一些中文又變成英文，設計排列也有些不同。

幫我更新主題的人不識中文，也沒看到翻譯插件；請問是否那裡我可以自己翻譯放到網上，自己調整設計？還是可以介紹專業人員幫我們處理 感謝您指教 Reply 嗨，Mary， 可以參考看看LocoTranslate這款翻譯外掛， 它可以自動搜尋後台的主題＆外掛，並進行單獨字串的翻譯，也不要害怕這些翻譯字會隨著更新而不見唷。

教學文章：LocoTranslate翻譯外掛教學。

Reply 您好、我想請問，因為我打算提供線上課程教學影片的販售，不知道這樣無法「實際」寄送的商品，可以使用Woocommererce嗎？以及、綠界科技可以支持這樣的金流交易嗎？（因為它不是實體商品） Reply 嗨，Jomo， 關於線上課程網站架設，可以使用一些外掛加上WooCommerce來幫助你完成， 只要能串接WooCommerce的外掛，就可以串接綠界等台灣適用的金流交易唷。

我們已經有：線上課程網站架設外掛推薦清單可以參考看看有無適合的外掛。

之後也會推出線上課程網站架設教學文章唷：） Reply 嗨，小犬您好 因為Wordpress主要的優惠功能是以折價券形式出現，想問問看有沒有外掛能以回饋金方式來折抵，得到回饋金的方式主要為退貨和參加活動。

Reply 嗨，wilson， 可以使用「WooCommercePoints」相關關鍵字來找尋相關外掛， 我找到一篇不錯的外掛推薦清單，可以參考看看，應該都能達到你所需要的購物金功能：） WooCommerce積分系統外掛推薦清單 Reply 小犬您好先謝謝您無私分享那麼多資訊 我現在的部落格網站是用soledad佈景主題，最近想新增一點點購物功能。

想請教一下soledad套上WooCommerce適合嗎？若不適合的話是因為速度慢等等的原因嗎？ 謝謝您🙏🏻 Reply 嗨，yo， 最主要是需要考慮虛擬主機的速度，因為同時架設部落格＋購物功能，會讓網站檔案變大，若是虛擬主機購買的方案較低，會影響網站速度， 除此之外，Soledad可以使用WooCommerce功能，但確實不是最適合的方案，這邊我貼上官方討論串，可以當作建站參考：） 如何使用Soledad建置WooCommerce電商平台 Reply 犬哥你好，我想編輯和美化SingleProduct單一商品的頁面，頁面排版和商品輪播圖的撥放數量和樣式，請問有推薦的外掛嗎? Reply 嗨，麥， 可以參考設計單一產品頁面外掛推薦清單來尋找排版設計外掛。

另外，ElementorPor也可以進行很棒的排版設計。

輪播圖功能，若是使用Flatsome主題，內建就有區塊小工具可以使用，若是使用其他主題，可以參考PickPluginsProductSlider外掛，幫助你建立輪播圖， 希望我的回答能夠幫助到你唷：） Reply 犬哥你好： 商店頁面路徑，有和WordPress設定>永久連結>商品固定網址的自訂起點一樣 商品新增好後，可以檢視商品，但是卻無法在商品頁點開卻無法看到商品，是什麼原因呢？ Reply 嗨，PeiWenLiu， 請問你有前往WooCommerce設定>商品>一般，指派商店頁面嗎？ 若是有指派，可能是有外掛衝突，建議你安裝HealthCheck&Troubleshooting外掛來進行檢查，排除衝突外掛：） Reply 抱歉，上篇贅字太多： 我無法在商品頁點開後看到商品 這是什麼原因？？ Reply 不會唷， 提供越多資訊，越能夠幫助我們幫忙你判斷問題點， 只是有的時候我們無法及時進行回覆， 如果可以的話，考慮加入FB討論社團是一個不錯的選擇，張貼疑問貼文，線上的WordPress愛好者都會幫助解答，也能夠附上圖片，更方便大家判斷問題點，並且較快幫助到你唷～ Reply 您好，請問產品縮圖如何跑出第二張照片?就是滑鼠停留在產品上會顯現第二張照片，產品也有新增『產品圖庫』但是照片還是沒有辦法顯示出來，請問有可以設定的地方嗎？謝謝！ Reply 嗨，rose， 這跟你的主題設置有關，可以檢查看看你的主題是否有相關設置可以調整唷！ Reply 你好，請問我WooCommerce設定裡的進階，購物車頁面、結帳頁面、我的帳號頁面都沒有自動填入，也沒有選項可選。

在「架設購物網站：如何設計建置＋購物車教學|WordPress網路開店平台」影片2:52:43處點我的帳號沒反應，另外2:53:53處點結帳頁面也沒反應，想知道該如何處理，謝謝。

Reply 嗨，WEN 應該是一開始設定WooCommerce時，建置預設頁面的設定被跳過， 可前往WooCommerce>狀態>工具，找到「建立預設WooCommerce頁面」，點擊「建立頁面」這樣就能順利建制系統四射頁面囉：） Reply 想請問犬哥， 如何在WooCommerce中設定(自訂義)的幣值呢？ 比如說，我想限制使用者只能在我的網站中使用山羊幣(自創的)進行支付，要從哪裡進行設定呢？ Reply 嗨， 你可以試試看WooCommerce虛擬錢包外掛，這種外掛大部分的功能可以實現，用戶需要先將錢儲值進網站錢包，在使用錢包裡的金額付費購買商品，少部分外掛支援站長自創虛擬貨幣，可以找找看有無符合你需求的功能外掛唷：） Reply 犬哥您好~想請問一下產品的分類頁面要如何能快速製作，我目前使用elementor去編輯，templates裡面的ProductsArchive去製作產品頁面，在woocommerce的shop頁面如果有商品分類選單，如果是一開始沒改過的內建的shop頁面，當點分類會跳至對應的分類而且商品列表也會只顯示該分類選項，但如果自己製作shop的頁面，沒辦法有分類效果，我自己目前做法是在templates裡面再將所有分類都做設定過一次，可是這樣當商品分類量很大的時候，會很繁雜，想請問有更便利的製作方式嗎?謝謝 Reply 嗨，小麥， 可以考慮使用ElementorPro的主題建構器功能，製作一個分類頁面模板，套用到所有分類頁面，應該就能解決你提到的問題囉！ Reply LeaveaCommentCancelReply發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*Typehere..Name* Email* Website Δ 我想要找.. 搜尋 訂閱犬哥社群 Youtube Facebook Instagram 文章分類 分類 所有文章 如何架設網站 優質主機 WordPress基礎教學 WooCommerce電商系列 SEO技巧＋網站行銷 優質主題系列 優質外掛系列 WordPress速度性能 WordPress安全性 網站備份＋搬家 最新WordPress教學通知 姓名（暱稱） 電子信箱（Email） Leavethisfieldemptyifyou'rehuman: FB問題解答社團 如何自架網站MenuToggle 建立Blog形象網站架設形象網站架設（Divi主題）電商網站架設銷售漏斗架設線上課程架設預約網站設計多種架站方法 優質主機MenuToggle Bluehost平價主機A2Hosting中階主機Cloudways進階主機各家主機完整比較 部落格服務內容MenuToggle WordPress網站服務形象網站建置購物網站建置客製網站設計快速套版架站 聯絡我 影片教學影片教學 Starttypingandpressentertosearch 搜尋… 回到頂端