Перейти до вмісту
🔍 Фільтри товарів для WooCommerce: 6 плагінів під будь-який каталог і бюджет

🔍 Фільтри товарів для WooCommerce: 6 плагінів під будь-який каталог і бюджет

Покупець заходить у магазин на 2000 товарів, шукає синю футболку розміру M до 3000 $ і йде через 40 секунд. Бо гортати каталог сторінка за сторінкою ніхто не буде.

Фільтри товарів — це не «приємне доповнення» до WooCommerce. Це навігаційний скелет магазину. Без них пошук перетворюється на лотерею, а конверсія, на статистичну похибку. Хороший фільтр скорочує шлях від вітрини до кошика до пари кліків.

Ми протестували шість актуальних плагінів фільтрації для WooCommerce, від повністю безплатних до преміумрішень з індексацією та ієрархічними ланцюжками. Порівнюємо чесно: що вміє кожен, скільки коштує і під який магазин заточений.

💡 Швидкий огляд:

  • Вибираємо тип фільтра під задачу: AJAX, ієрархічний, з індексатором або без
  • Дивимося, що є на ринку: HUSKY, BeRocket, Barn2, JetSmartFilters, WooBeWoo та Themify
  • Порівнюємо ціни, типи фільтрів і сумісність із конструкторами
  • Підбираємо плагін під конкретний сценарій: великий каталог, мобільна видача, Elementor

Користувач не шукає «якийсь товар». Він шукає конкретну позицію з конкретними характеристиками. Ціна, колір, розмір, матеріал, бренд відсіваються за секунди, якщо інтерфейс дозволяє.

Магазин без фільтрів змушує відвідувача переглядати релевантні та нерелевантні товари впереміш. Результат передбачуваний: роздратування і закрита вкладка. Дані Baymard Institute це підтверджують: 88% користувачів з меншою ймовірністю повернуться на сайт після невдалого досвіду, а погана навігація каталогом, один із головних тригерів відмови.

AJAX-фільтрація вирішує другу проблему, швидкість. Без перезавантаження сторінки покупець миттєво бачить результат кожного кліку. Ланцюжок «вибрав фільтр → побачив товари → купив» не розривається очікуванням.

1. HUSKY, Products Filter Professional (колишній WOOF)

HUSKY (раніше відомий як WOOF), ветеран серед WooCommerce-фільтрів. Плагін пройшов через повний ребрендинг, але зберіг архітектурну гнучкість: шорткоди, віджети, AJAX-пошук за товарами та SKU, текстовий фільтр за контентом і метаполями.

Сильна сторона HUSKY, три режими роботи. Turbo Mode видає миттєві результати на каталогах від 20 000 товарів без важких MySQL-запитів. Quick Search дає змогу обходитися взагалі без AJAX: фільтрація працює на рівні попередньо завантаженого індексу. А режим покрокового майстра (step-by-step) проводить покупця через послідовні вибори: спочатку категорія, потім бренд, потім модель.

🔗 HUSKY на WordPress.org

Преміумверсія додає колірні та графічні зразки фільтрів, range-слайдери, ієрархічні випадні списки та збір пошукової статистики. Ціна: 39 USD одноразово на CodeCanyon.

2. Advanced AJAX Product Filters (BeRocket)

BeRocket зробив ставку на zero-config: майстер аналізу каталогу сам визначає корисні фільтри, створює групи під десктоп і мобільні, уникає дублювання. Ви отримуєте працюючу фільтрацію за хвилину після активації, не налаштовуючи жодного параметра вручну.

Плагін підтримує 6 типів відображення: чекбокси, випадні списки, радіокнопки, слайдери діапазонів, колірні та графічні зразки. Фільтрувати можна за категоріями, атрибутами, тегами, ціною, рейтингом, метаполями та статусом наявності. Окремий плюс, SEO-friendly URL з канонічними посиланнями та метатегами для відфільтрованих сторінок (Pro-версія).

🔗 BeRocket на WordPress.org

Безплатна версія щедра: AJAX-пагінація, drag-and-drop-конструктор, кастомний CSS, сумісність з Elementor, Divi, Beaver Builder, ACF Pro, WPML та Polylang. Pro-план відкриває фільтри за stock-статусом, слайдери діапазонів для атрибутів, датапікери та відображення варіацій. Стартова ціна: 44 USD/рік з 30-денним поверненням.

3. WooCommerce Product Filters (Barn2)

Barn2 заходить з іншого боку: це суто преміум-рішення, заточене під юзабіліті. 11 типів фільтрації, індексатор для величезних каталогів, окреме налаштування десктопного та мобільного вигляду. На мобільних фільтри автоматично прибираються у висувну панель, не прокручування вниз за списком товарів, а повноцінний drawer.

Фільтри Barn2 групуються в набори: один набір для вітрини, інший для категорії, третій для бренду. Майстер встановлення пропонує готові популярні фільтри, а 7 стилів відображення (випадні списки, чекбокси, радіокнопки, текстові мітки, зображення, колірні зразки, range-слайдери) закривають будь-який сценарій.

🔗 Barn2 WooCommerce Product Filters

Плагін працює в парі з WooCommerce Product Table (B2B-замовлення) та Restaurant Ordering. Ціна: 79 USD/рік за 1 сайт, 129 USD, до 5 сайтів, 229 USD, до 50 сайтів. Є lifetime-ліцензія. 30-денне повернення.

4. JetSmartFilters (Crocoblock)

JetSmartFilters, вибір тих, хто сидить на Elementor або Gutenberg і користується екосистемою Crocoblock (JetEngine, JetWooBuilder). Плагін пропонує 17 типів фільтрів плюс допоміжні віджети: активні фільтри, скидання, кнопка «Застосувати», лічильники результатів.

Індексатор, головна кілер-фіча. Кожен елемент фільтра показує кількість товарів, які залишаться після його активації. Покупець не клацає наосліп, він бачить, що «Розмір M (14 товарів)», а «Розмір XXL (0)» затемнений. Ієрархічна фільтрація довершує картину: ланцюжки на кшталт «Категорія → Бренд → Модель» вибудовуються без коду.

🔗 JetSmartFilters на Crocoblock

Плагін повністю преміум. Стартова ціна: 24 USD/рік за 1 сайт у складі підписки Crocoblock. Входить 30-денна гарантія повернення. Сумісність: Gutenberg, Elementor, ACF, JetEngine, JetWooBuilder, WooCommerce, нативні інтеграції без додаткових мостів.

5. Product Filter for WooCommerce (WooBeWoo)

WooBeWoo, плагін із найбільшою користувацькою базою в добірці: 70 000+ активних встановлень і рейтинг 5 зірок. Drag-and-drop-конструктор фільтрів, горизонтальні та вертикальні розкладки, AJAX-фільтрація за будь-якими атрибутами, тегами, кастомними полями, ціною (range-слайдер), рейтингом і статусом «в наявності».

Цікава фішка, миттєвий попередній перегляд в адмінці. Налаштовуєте фільтр і тут же бачите, як він виглядає на вітрині. Не треба перемикатися між вкладками та скидати кеш.

🔗 WooBeWoo Product Filter

Безкоштовна версія покриває базові сценарії. Преміум додає ієрархічні фільтри, live-пошук, аналітику використання та експорт/імпорт конфігурацій. Ціна: 49 USD/рік за 1 сайт.

6. Themify, WooCommerce Product Filter

Themify, повністю безкоштовний плагін без преміум-рівнів. 20 000+ активних встановлень, drag-and-drop-конструктор форм, фільтрація за ціною, категоріями, атрибутами, тегами та діапазонами. Комбінації фільтрів працюють через множинний вибір, можна відібрати товари за кольором І розміром І брендом одночасно.

Головне обмеження, відсутність AJAX «з коробки» в безкоштовній версії (результати показуються на окремій сторінці або після натискання «Apply Filters»). Для невеликого каталогу це не критично, для магазину на 500+ товарів, відчутно.

🔗 Themify на WordPress.org

Плагін сумісний із Divi, Elementor та Themify Builder. Розкладка, горизонтальна або вертикальна. Живий пошук виводить результати на новій сторінці. Безкоштовно, без рекламних банерів та апсейлу.

Порівняльна таблиця

Плагін

Безкоштовна версія

Ціна (від)

Типи фільтрів

Індексатор

Конструктори

HUSKY

Так

39 USD разово

8+

Turbo Mode

Шорткоди, віджети

BeRocket

Так

44 USD/рік

6+

Ні (Pro)

Elementor, Divi, Beaver

Barn2

Ні

79 USD/рік

11

Так

Elementor, Divi, Bricks

JetSmartFilters

Ні

24 USD/рік

17

Так

Elementor, Gutenberg

WooBeWoo

Так

49 USD/рік

10+

Ні

Elementor, Gutenberg

Themify

Так

Безкоштовно

6+

Ні

Divi, Elementor

Що брати під ваш магазин

Вибір плагіна зводиться до трьох питань: розмір каталогу, наявність конструктора та бюджет.

Якщо каталог скромний (до 500 товарів) і бюджет обмежений, Themify закриє задачу без жодного долара вкладень. Drag-and-drop-конструктор і комбінації фільтрів є, AJAX немає, але для малого магазину це прийнятний компроміс.

Для середнього каталогу (500-2000 товарів) на Elementor або Gutenberg, WooBeWoo. Безплатна версія дає AJAX, усі основні атрибути та range-слайдер ціни. 70 000 встановлень не брешуть: плагін стабільний і передбачуваний.

Магазин зростає, потрібна індексація та ієрархія фільтрів, JetSmartFilters за 24 USD/рік. Екосистема Crocoblock працює безшовно, лічильники біля кожного фільтра економлять кліки, а 17 типів перекривають практично будь-який сценарій.

Великий каталог (2000+) і мобільний трафік у пріоритеті, Barn2. Індексатор, роздільні налаштування десктоп/мобільні, висувна панель на смартфонах. Дорожчий за інших (79 USD/рік), але юзабіліті окупається на конверсії.

Потрібна максимальна гнучкість і одноразова оплата, HUSKY. Turbo Mode для 20 000+ товарів, шорткоди в будь-якому місці сайту, збір пошукової статистики та 39 USD назавжди. Колишній WOOF, тепер HUSKY, архітектура та сама, можливостей більше.

⁉️🤔 Часті питання

Чи потрібен AJAX для фільтрації товарів?

Строго кажучи, ні, але без AJAX кожна зміна фільтра перезавантажує сторінку. На каталозі від 200 товарів це відчутно гальмує покупця. Усі плагіни з добірки, крім Themify, підтримують AJAX-режим «з коробки». Themify вимагає натискання кнопки Apply і відкриває результати на новій сторінці, для магазину до 500 позицій терпимо, для більшого, беріть плагін з AJAX.

Фільтри сповільнюють сайт?

Погано написані, так. HUSKY і Barn2 використовують індексацію: дані фільтрів кешуються, запит не йде в сиру базу при кожному кліку. Turbo Mode у HUSKY взагалі обходиться без важких MySQL-запитів. BeRocket і WooBeWoo мінімізують JS/CSS, на практиці затримка непомітна. Проблеми починаються, коли на сторінку вішають 3-4 плагіни фільтрації одночасно. Не робіть так.

Чи сумісні фільтри з Elementor і Divi?

Усі плагіни добірки декларують сумісність з Elementor. Barn2, BeRocket, Themify і JetSmartFilters також працюють з Divi. Barn2 додатково підтримує Bricks і Avada Fusion Builder. Якщо тема написана за стандартами WooCommerce, проблем не буде.

Чи можна фільтрувати товари за кастомними полями?

Так, але не в усіх у безплатній версії. HUSKY дозволяє підключити мета-поля через панель налаштувань (текст і число). BeRocket фільтрує за кастомними полями через ACF Pro у Pro-версії. Barn2 підтримує кастомні поля і таксономії «з коробки». WooBeWoo, через преміум.

Який плагін взяти для B2B-магазину?

Barn2 у парі з WooCommerce Product Table. Зв'язка дає фільтровану таблицю товарів зі швидким замовленням, те що потрібно оптовику, який знає артикули і не хоче гортати вітрину. JetSmartFilters з ієрархічним ланцюжком теж добрий для B2B-каталогів зі складною структурою (категорія → субкатегорія → бренд → модель).

Підсумки

Шість плагінів, шість різних підходів до однієї задачі. Themify бере ціною (безплатно), WooBeWoo і BeRocket, балансом ціна/функції, Barn2 і JetSmartFilters, індексатором і юзабіліті, HUSKY, архітектурною гнучкістю та одноразовою оплатою.

Універсального «кращого» немає. Є підхожий під конкретний каталог. Відштовхуйтеся від кількості товарів, мобільного трафіку і того, на чому зібраний фронт, правильний фільтр не заважає покупцю, а зникає з його поля зору рівно в той момент, коли він кладе товар у кошик.