手機螢幕上滑了三十幾頁,還是找不到那件深藍色、尺碼 M 的外套,顧客多半在那之前就先按掉分頁,轉去別的網站繼續找。
線上商店的商品清單一拉長,能不能讓顧客三兩下鎖定自己要的那一件,往往比商品本身好不好更早決定這筆訂單成不成。WooCommerce 商品篩選就是讓顧客用分類、屬性(顏色、尺寸這類)、價格區間交叉縮小範圍,不必逐頁往下滑就能找到想買的東西。
篩選做得順不順,牽涉到後台資料有沒有先建對、WooCommerce 核心本身應付得了哪些情境,以及商店規模夠大時該不該另外裝外掛把功能補齊。
分類、屬性與價格區間篩選各自倚賴的商品資料設定
分類(Category)在 WooCommerce 後台的路徑是「Products > Categories」,天生帶著階層,「外套」底下可以再分「羽絨外套」「風衣」,這一層通常就是篩選的第一道關卡。標籤(Tag)不一樣,它沒有上下階層,卻能把不同分類底下、卻共有某個特徵的商品串起來,例如把「棉麻材質」貼在洋裝、襯衫、褲子上,讓喜歡這種材質的顧客不用在分類之間跳來跳去也找得到。
真正撐住「顏色」「尺寸」這類篩選器的,其實是屬性(Attribute)。屬性又分兩種,全域屬性(Global Attribute)與自訂屬性(Custom Attribute)。自訂屬性只綁在單一商品身上,填了就是填了,沒辦法被篩選機制拿去跟別的商品比對;全域屬性則是先在「Products > Attributes」統一定義好名稱(例如「Size」)與底下的選項(XS、S、M、L、XL),再到個別商品的屬性頁籤套用。WooCommerce 官方文件在說明分類、標籤與屬性的差異時,明確建議屬性以全域方式定義。多數情況下屬性設成全域比較省事,一旦定義好就能套用到任何商品上,之後要更新選項也只需要改一個地方,不必逐一商品修改。想讓前台篩選抓得到某個屬性,這一步是前提,不是可有可無的細節。
全域屬性還有一個容易漏掉的勾選項,「Used for variations」。這個選項同時服務兩件事,一是讓同一件商品能組出「紅色 M」「藍色 L」這類變體商品(Variable Product),二是讓前台的篩選機制認得出這個屬性、把它納入篩選清單。沒勾這個選項,顏色、尺寸就算填了,篩選器也抓不到。
價格區間篩選走的是完全不同的路,它不靠分類或屬性這套資料結構,而是直接對商品的價格欄位做區間查詢,例如篩「500 元到 1000 元之間」。這代表價格篩選跟分類、屬性的設定各自獨立,商店就算分類跟屬性都建得再完整,價格篩選一樣要另外確認前台有沒有把這個篩選項目放出來。這三種資料結構都備妥之後,下一個問題是核心內建的篩選機制本身夠不夠力。

WooCommerce 原生篩選區塊,已經內建不需刷新頁面的即時更新
WooCommerce 免費核心版本這幾年常被貼一個過時的標籤,篩選很陽春,想要不刷新頁面就更新結果,一定得裝外掛才有。這個印象已經跟不上現況,核心內建的 Product Filters 區塊組合預設就是不重新載入整頁,套用篩選的當下,商品清單直接原地更新。
這組區塊一共有八種,分別是 Active Filters(目前套用的篩選標籤)、Price(價格區間)、Rating(評分)、Attribute(屬性)、Availability(庫存狀態)、Category(分類)、Brand(品牌)、Tag(標籤)。把 Product Filters 區塊加進包含 Product Collection 區塊的頁面或範本,前台顧客勾選任一個篩選項目,商品清單就會即時換一批,不必等頁面重新整理。如果店主自己想改回整頁刷新的舊行為,也不是外掛才能做的事,只要把 Product Collection 區塊裡的「Reload full page」選項打開,篩選動作就會變回整頁重新載入。
不過這套原生機制留了幾個實際的缺口,這也是商品一多、店家還是會回頭找外掛的真正原因。第一個限制在於使用門檻,只有採用區塊主題、透過外觀裡的編輯器去編排範本(路徑是外觀 > 編輯器 > 設計 > 範本)的商店,才能把 Product Filters 區塊加進商店範本;還在用經典(非區塊)佈景主題的商店,走的是舊版 Widget 或 Shortcode,沒有這種即時更新的行為。第二個限制是屬性篩選的彈性,一個 Attribute Filter 區塊只認得一種屬性,商店想同時讓顧客篩顏色又篩尺寸,得在同一個頁面疊放兩個、甚至更多個區塊,沒有一個面板整合多屬性的介面。第三個限制是原生機制目前沒有替每種篩選結果規劃專屬的 SEO 網址,也沒有內建篩選行為的統計報表可以看顧客最常用哪個篩選項目。
原生機制留下的這幾個缺口,正好是外掛能派上用場的地方。

免費版本身就能應付核心功能的三款外掛
接下來這三款外掛,免費版本身就有實際可以上線用的核心篩選能力,不是那種免費版故意閹割到只剩展示用途、逼人一定要升級才能用的類型。三款平行來看,各自的定位不同,分組的依據是它們在 WordPress.org 外掛目錄裡的安裝數、評分與最近更新頻率都到了一定水準,三款也都有同一個共同特徵,免費版就能直接上線用,不必先掏錢才知道好不好用。
HUSKY – Products Filter for WooCommerce(原名 WOOF)
HUSKY 這款外掛的前身叫 WOOF,是這幾款裡在 WordPress.org 外掛目錄安裝數最高的一款,累積安裝數超過 80,000。免費版就支援用分類、屬性、標籤與價格區間做即時篩選,前台還附一套視覺化的篩選建置工具,可以直接拖拉調整篩選面板的樣子,不用寫程式碼,開發團隊的更新頻率也相當高,最近一次更新就在近期。
它的評分同樣不低,336 則使用者評分裡有 9 成給出 4 星以上好評。只是這款外掛的後台設定選項比另外兩款多一些,想把每種篩選類型都調到理想狀態,得花點時間先熟悉後台的分頁與選單。適合想要免費就有完整篩選類型可用、也願意投入一點時間熟悉設定的商店。

Advanced AJAX Product Filters(BeRocket 開發)
Advanced AJAX Product Filters 由 BeRocket 開發,免費版就把價格、分類、屬性這幾種最常被用到的篩選類型做得完整,不必升級也能上線使用。在這三款裡,它是評分最高的一款,387 則使用者評分裡超過 9 成給出 4 星以上好評,更新頻率也高,近期版本釋出的間隔都在一個月以內。
這款外掛的介面偏向簡潔,篩選面板的樣式選項比 HUSKY 少,換句話說設定起來比較快上手,但客製化空間相對有限。適合想先用免費版把即時篩選跑起來、之後真的有進階樣式需求再考慮升級付費版的商店。

Filter Everything
Filter Everything 跟前面兩款最大的不同,在於它不只篩 WooCommerce 商品,自訂文章類型、自訂欄位一樣能拿來當篩選條件。商店如果同時經營部落格內容,或者用自訂文章類型管理案例作品、活動資訊,這款外掛能把篩選範圍一次涵蓋進去,不必為了不同內容類型各裝一套篩選工具。
它的免費版與付費版並存,免費版已經可以處理商品的分類、屬性、價格這幾種常見篩選,149 則評分裡 9 成給出 4 星以上好評,安裝數也在 50,000 以上,近期更新同樣密集。適合商店本身內容類型比較多元、不想只把篩選侷限在商品頁面的情況。

免費版可先起步,進階功能才需要升級的三款外掛
這一組的三款外掛,免費版都能實際用,只是功能明顯比付費版陽春,差別在起步夠不夠,不是能不能用。放進這一組不代表比前一組差,而是它們免費版的定位更偏向讓商店先試試看即時篩選長什麼樣子,進階樣式與多條件組合這類功能,得升級付費版才解鎖。
YITH WooCommerce Ajax Product Filter
YITH 是 WooCommerce 外掛生態圈裡經營很久的老牌開發商,旗下有一整套互相搭配的外掛,這款篩選外掛的安裝數也不算少,累積超過 70,000。免費版可以用,能做到分類、屬性的基本即時篩選,但功能相對陽春,多選組合、視覺化色塊這類比較進階的篩選型態留在付費版才有。
如果商店已經在用 YITH 系列的其他外掛,例如願望清單、比較功能,選這款篩選外掛就能維持同一套後台介面與操作邏輯,不用同時適應好幾家開發商各自不同的設定風格。這是它相對於其他兩款更明確的適用情境。

Themify – WooCommerce Product Filter
Themify 這款完全免費,沒有另外收費的付費升級版本。它的操作邏輯很單純,用拖拉的方式就能建出篩選表單,對第一次想試試「即時篩選長什麼樣子」的小型商店來說,上手門檻低。
相對地,它沒有色塊、圖片這類視覺化的篩選樣式,篩選結果的頁面也沒有替每種組合規劃專屬的 SEO 網址。更新頻率倒是不低,近期版本釋出的間隔在一個月以內,顯示開發者仍在積極維護,只是功能本身就停留在基本盤,不會因為更新而多出進階樣式。

WCAPF – WooCommerce Ajax Product Filter
WCAPF 在這一組裡的安裝數是最小的一款,累積約 8,000,但免費版已經涵蓋分類、屬性、價格、評分這幾種基本篩選類型,對篩選需求單純的小型商店來說已經夠用。付費版一年 39 美元,在這幾款裡價格偏低,適合預算有限、又想要比免費版再進階一點的商店。
它的更新頻率比前面幾款慢一些,最近一次版本釋出距離現在已經有一段時間,相容性測試也停在比較舊的 WooCommerce 版本。如果商店本身核心與其他外掛更新得比較勤,裝之前值得先在測試環境確認相容性,再上到正式站。

鎖定大型商品目錄與頁面編輯器的付費外掛
接下來這兩款外掛沒有免費版,也不在 WordPress.org 的外掛目錄裡上架,得直接跟開發商付費才能用。放進來的原因是它們各自解決一種前面幾款免費外掛比較弱的場景,一個是商品數量龐大時的效能,一個是用頁面編輯器蓋站時的整合度。兩款定位不同,不互相比較高下。
Barn2 WooCommerce Product Filters
Barn2 這款外掛主打大型商品目錄的篩選效能,靠的是自己的一套索引機制。篩選條件建立或修改時,索引會在背景先更新好,商品數量就算上萬筆,篩選結果也能即時跑出來,不會因為商品一多就變慢。它也支援 Elementor、Divi、Avada 的 Fusion Builder 與 Bricks 這幾種頁面編輯器,以及原生的 Gutenberg 區塊編輯器與 WooCommerce 內建的 Shortcode。
另一個實用的設計是,每一種篩選條件組合都會產生各自獨立的網址,這代表某個篩選結果可以直接被搜尋引擎收錄,也方便店家把已經篩好的那個頁面連結直接分享出去,不必請對方自己重新勾選一次篩選條件。價格採年繳制,一個網站的方案從 79 美元起,依網站數量與方案不同而調整,沒有免費版可以先試用。
JetSmartFilters(Crocoblock)
JetSmartFilters 由 Crocoblock 開發,設計上鎖定用 Elementor、Gutenberg、Bricks 這幾種頁面編輯器蓋站的商店,直接提供這些編輯器原生可用的篩選元件,不需要額外套用 Shortcode 才能把篩選面板放進頁面。它一共提供 12 種篩選類型,包括核取方塊、下拉選單、日期區間、搜尋欄位等,而且不只能篩 WooCommerce 商品,一般文章與自訂文章類型一樣適用同一套篩選系統。
價格方面,單獨購買這款外掛一年約 75 美元起(依網站數量調整);如果商店同時想用 Crocoblock 旗下其他外掛,併入他們的 All-Inclusive 整套訂閱方案,一年約 199 美元起,兩種方案都附 30 天內可退款的保證。同樣沒有免費版可以試用,得先確定自己的商店規模與頁面編輯器需求真的用得到這套系統,再考慮購買。

篩選外掛的選擇,取決於商店規模、屬性資料是否備妥
讀到這裡,如果只是想從八款外掛裡選一款「最好」的,其實方向就走偏了。這幾款外掛服務的商店規模與情境本來就不一樣,真正該做的是照順序回答幾個問題,而不是看誰的評分比較高。
第一步,永遠是先確認自己的商品屬性有沒有設成全域屬性。這一步發生在裝任何外掛之前,屬性資料沒建對,不管換哪一款外掛,篩選結果都不會準,這也是要回扣本篇一開始那節的原因。
第二步看商品數量的級距。商品只有幾十筆到幾百筆的商店,原生的 Product Filters 區塊,或是前面提到那幾款免費版本身就夠用的外掛,通常已經能應付;商品數量上看一萬筆以上,才真的需要考慮有獨立索引機制的付費外掛,一般規模的商店不必為了以防萬一預先跳到這一階。
第三步看佈景主題是不是用頁面編輯器蓋站的。如果商店本身是用 Elementor、Gutenberg 或 Bricks 搭建,找原生支援該編輯器的篩選外掛,能少走不少版面跑版、樣式對不上的彎路;反過來,經典佈景主題的商店則要留意原生 Product Filters 區塊用不上,得從外掛裡挑一款支援舊版 Widget 或 Shortcode 的。
預算與免費版夠不夠用,擺在最後一步,而不是第一個要考慮的變數。等前面三步都確認過,商店規模、資料結構、頁面編輯器這幾個限制條件都清楚了,剩下能用的選項通常已經縮小到兩三款,這時候再看免費版夠不夠力、需不需要升級付費版,才是真正該花時間比較的地方。
商品篩選這件事,最終服務的是顧客找東西的時間,不是後台一個好看的功能。把 WooCommerce 商品篩選做好,靠的從來不是選對哪一款外掛,而是資料結構先建對、規模對上工具、頁面編輯器彼此相容,這三件事都到位,不管最後用免費版還是付費外掛,顧客都能在幾次點擊之內找到自己要的那件商品。
