專注於企業網站架設,分享WordPress教學和Elementor教學
不用充值便可免費試用3天的Cloudways超快獨享主機,獨家優惠碼:LOYSEO,前2個月可優惠30%,感謝你的互惠互助

WooCommerce教學

本頁面是WooCommerce教學的合集,覆蓋WooCommerce開店所需要的主要功能教學,譬如:安裝WooCommerce產品分類、標籤、屬性添加簡單產品可變產品配置產品運費配置Paypal支付配置優惠券。使用WooCommerce經營自己的跨境電商商店的好處是:不需要依賴於任何第三方平台(譬如亞馬遜、Shopify),這極大降低了封店的危險。同時,WooCommerce是一款免費開源的軟件,只需要肯學,你便可以自己在網上開店啦。此外,如果你的網店不需要銷售功能,只是想管理產品、收客戶的詢盤,那麼使用WooCoomerce也完全可以實現,這正是我擅長B2B企業網站架設的部分,推薦閱讀架設網站教學:
  1. 如何用Elementor外掛製作B2B企業網站
  2. 如何用Astra主題製作B2B企業網站

安裝WooCommerce

當你安裝了WooCommerce外掛後,可以跟隨外掛的安裝嚮導進行設置,嚮導將會幫你配置商城所必須的頁面,譬如賬戶、商店、結算等等,還可以幫你導入一些示例產品,作為初學者,建議不要跳過嚮導哦。

同時,十分建議選一個為WooCommerce設計的主題,優秀的主題能為你的商店帶來漂亮的外觀,還會附加一些增值功能,譬如我常用的是Woodmart主題

如何安裝WooCommerce

當你使用WordPress搭建一個企業網站時,尤其是B2C企業賣貨網站(又或者叫做跨境電商),大概率會用到WooCommerce來管理產品、訂單、配送、收款等等。本系列的WooCommerce教學是基

產品管理

如何用WooCommerce管理和添加產品

在使用WordPress進行企業網站架設時,如果你的產品較多,那使用WooCommerce來管理產品是提高效率的最佳選擇,本篇是WooCommerce教學系列之一,將詳細講解如何在WooCommerce中添加和管理產品。

WooCommerce如何添加可變產品

如果你的企業網站架設的是零售商城,你很大可能會用到WooCommerce的可變產品,它是WooCommerce中的一種產品類型,允許你提供產品的一組變體,並控制每個變體的價格、庫存、圖像等。它們可以用

如何為WooCommerce可變產品屬性啟用色板選項

我們在企業網站架設時,如果搭建的是零售商城,譬如出售鞋子、衣服,那麼一定會用到可變產品色板選項功能,讓你的客戶可以直觀的選擇尺碼、顏色、樣式等等。本篇教學講解如何使用外掛Variation Swatches for WooCommerce實現產品色板功能。

WooCommerce如何設置與添加可下載產品

在使用WordPress架設網站時,如果你銷售實物的同時還提供電子文件,譬如賣實體書的同時還提供電子書,又或是像我一樣銷售主題、外掛、模板,那就能用上WooCommerce的可下載產品功能了。本篇是Woo

製作產品列表和詳情頁模板

製作產品詢盤表單

如何用Elementor Pro製作彈出式產品詢盤表單

思路:用Elementor Pro製作產品詳情頁模板(single product)和詢盤表單彈出層(popup),在產品詳情頁模板上添加一個詢盤按鈕,將按鈕鏈接設置為dynamic調用popup即可

如何給產品頁面添加詢盤表單標籤頁

默認Woocommerce產品頁面是沒有詢盤聯繫表單的,用免費外掛Custom Product Tabs for WooCommerce可以給產品頁面添加詢盤聯繫表單標籤頁。下圖是添加完詢盤表單標籤

支付設置

WooCommerce支付教學:如何添加PayPal標準支付

從收款角度來說,企業網站架設分為兩種,一種不需要客戶在線付款(屬於B2B企業網站,以獲得詢盤為目標),一種需要客戶在線付款(屬於B2C企業網站,多見於零售批發)。本篇是WooCommerce教學之一,介

運費配置

如何配置WooCommerce運費費率表Table Rate Shipping

本篇教學是針對Woocommerce的付費外掛Table Rate Shipping(運費費率表)的,我們在進行B2C的購物型企業網站架設時,可以使用到它配置複雜的運費計算規則。如果運費規則簡單,那可

如何在WooCommerce中設置運費(免費功能)

這篇WooCommerce教學,我們使用WooCommerce自帶的免費的運費配置功能來講解如何設置運費。基本思路是:1.設置配送區域,2.向這些配送區域添加配送方法,3.在配送方法中添加運費費率。你

優惠券

WooCommerce優惠券教學

WooCommerce優惠券功能可以幫助我們向客戶發放折扣、優惠,能夠實現商品的促銷。如果想要使用WooCommerce優惠券功能,請按如下步驟啟用該功能: 進入: WooCommerc

其他

WooCommerce簡碼【實例講解】

WooCommerce簡碼(shortcode)可以讓我們將產品、購物車等內容加入到頁面或者文章中。我們在企業網站架設時,可以直接通過Elementor Pro的Product元素塊來配置產品的展示,但如

如何在WooCommerce產品列表中展示變體產品的最低價格

我們在用WooCommerce進行企業網站架設時,如果銷售的某產品存在多種屬性且價格不同,那麼在產品列表和產品詳情中查看到該產品價格將會是一個區間,格式是:最低價~最高價。如果你希望在產品列表頁中僅展示產

如何使用WooCommerce的12個小工具(Widgets)

WooCommerce小工具可以讓你在WordPress企業網站架設時,添加不同產品功能到頁面上,譬如展示最新產品、產品分類、搜索產品、產品價格篩選等等。如下圖所示,這些小工具位於WordPress後台

常用代碼段

對於一些零散的小需求,可以使用Code snippet外掛添加代碼段來解決,這樣就可以少用一些外掛了。

如何在WooCommerce產品列表中展示變體產品的最低價格

我們在用WooCommerce進行企業網站架設時,如果銷售的某產品存在多種屬性且價格不同,那麼在產品列表和產品詳情中查看到該產品價格將會是一個區間,格式是:最低價~最高價。如果你希望在產品列表頁中僅展示產

WooCommerce:在商店頁面上顯示庫存狀態/數量

在本教學中,我的目標是在WooCommerce商店、產品列表頁面中,在每個產品下方展示“庫存數量或狀態”。這跟在單個產品頁面顯示的庫存是完全一樣的,請前往/wp-admin/admin.php?pa

WooCommerce:在結帳頁面上顯示產品圖片

WooCommerce 結賬頁面的訂單審查部分顯示了產品名稱、數量和費用,但沒有產品圖像,產品圖像對於識別/區分相似產品或產品變體非常有用。這個簡單的代碼段將幫助你在訂單審查頁面中展示產品的特色圖片

WooCommerce:在後台按庫存對產品進行排序

我們已經學過瞭如何將前台的產品按有貨在先和無貨在後進行排序,但對於後台的管理員和商店經理來說,如何做到完全相同呢?有時商店存在大量“已售/無貨“的產品,產品表看起來亂亂的

WooCommerce:在購物車頁面上顯示產品庫存

我們已經講過如何在商店頁面上顯示產品的庫存數量和狀態,今天我們將對購物車頁面做類似的事情,以便我們可以直觀地向購物客戶顯示產品的庫存狀態和數量。 (見下圖) 請注意:為了使代碼段起作用,您必須在WooC

WooCommerce: 在後台尋找沒有重量的產品

如果你的運費取決於產品的重量,可能也會出現忘記給某些產品添加重量的情況,這樣一來,在WooCommerce結賬頁面上,運費可能就要被少算了。因此,我們看看如何在WordPress儀表板>產品列

WooCommerce教學導航
超快獨享主機
Cloudways
免費試用3天,無需充值
費用月結| 不用一次性付整年
*註冊優惠碼Promo code:LOYSEO
*用Gmail郵箱,註冊易通過