Запуск магазину WooCommerce має на увазі управління сотнями товарів. Без належної фільтрації магазин перетворюється на величезний каталог, який незручно переглядати. Коли покупці не можуть знайти ту саму чорну толстовку середнього розміру у своєму ціновому діапазоні, вони йдуть.
Ось чому ми тестували WBW Product Filter протягом двох тижнів. Плагін додає необхідні фільтри продуктів за ціною, розміром, кольором та будь-яким іншим атрибутам продукту, дозволяючи клієнтам звузити коло пошуку саме до того, що їм потрібно.
З цього практичного огляду ви дізнаєтесь, як WBW Product Filter працює у реальному магазині, що він робить добре, а чого не вистачає.
Основні характеристики WBW Product Filter
WBW Product Filter - це плагін WordPress, який допомагає власникам магазинів WooCommerce додати та налаштувати пошук продуктів. Плагін додається в бічну панель магазину або будь-яку область віджетів, і при цьому не потрібно чіпати код, щоб налаштувати його.
Можна скуштувати безкоштовну версію плагіна або перейти на преміум. ‚Безкоштовна версія обробляє базову фільтрацію, а преміум додає такі функції, як миттєві результати пошуку та плаваючі фільтри.
Наша увага привернула те, як плагін думає про те, куди дивляться клієнти. Він розміщує фільтри продуктів на лівій стороні сторінки, де, як свідчать дослідження, 70% покупців дивляться насамперед.
Основні характеристики плагіна:
- Фільтрувати продукти за ціною, ціновим діапазоном, категоріями, тегами та атрибутами.
- Живий пошук на базі AJAX для миттєвих результатів.
- Повна сумісність із Elementor.
- Адаптивний дизайн для мобільних пристроїв.
- Кілька варіантів відображення (перемикачі, прапорці, меню).
- Розміщення, що настроюється.
- Підтримка користувацьких полів та метазначень.
Початок роботи: встановлення та налаштування плагіна
Давайте подивимося, як запустити WBW Product Filter. Ми почнемо з установки, а потім покажемо початкові налаштування, які є найважливішими.
Перейдіть до Плагіни > Додати новий в панелі керування WordPress і знайдіть WBW Product Filter. Натисніть Встановити, а потім Активувати.
Після активації знайдіть нове меню WBW Product Filter у бічній панелі інструментів WordPress. Клацніть на нього та перейдіть до «Налаштування».
Відкриються кілька важливих опцій налаштування. Найважливіша їх — індексація продуктів; вона допомагає працювати швидше, створюючи індекс усіх продуктів. Натисніть кнопку «Почати індексацію параметрів продуктів». Цю дію можна запустити у фоновому режимі або запланувати пізніше.
Інші ключові настройки включають:
- Параметри відображення на мобільних пристроях (наприклад, переміщення фільтрів бічної панелі догори).
- Параметри відображення продукту.
- Оновлення AJAX для миттєвих результатів (краще спочатку вимкнути цю функцію).
- Повідомлення, коли продукти не знайдено.
- Автоматичні оновлення індексу після зміни продукту.
Практичний досвід використання плагіна WBW Product Filter
А тепер найцікавіше. Давайте подивимося, як можна використовувати WBW Product Filter, щоб зробити процес покупок для клієнтів зручнішим.
Створення першого фільтра продуктів
WBW Product Filter допомагає клієнтам знайти саме те, що вони хочуть знайти у вашому магазині WooCommerce. Він дозволяє фільтрувати продукти за будь-якими критеріями — ціною, категоріями, тегами, атрибутами і навіть полями, що настроюються.
Як начать:
- Перейдіть до розділу «Фільтри» на панелі керування WordPress.
- Натисніть «Додати новий фільтр».
- Дайте назву (наприклад, "Фільтр основного магазину")
- Натисніть кнопку «Створити», щоб відкрити конструктор.
Ви побачите три основні вкладки: Фільтри, Дизайн та Розширені. Перша вкладка - це місце, де створюються всі параметри пошуку, Дизайн керує зовнішнім виглядом фільтрів, а Розширені дозволяє додавати користувацькі CSS або JavaScript.
Читати також:
WooCommerce проти Shopify - Все, що потрібно знати.
Розуміння можливостей WBW Product Filter
За допомогою цього плагіну клієнти зможуть знаходити продукти, використовуючи будь-яку комбінацію:
- Ціна (з використанням точних значень або діапазонів користувача).
- Категорії та теги для зручної навігації.
- Стан запасів (перегляд того, що є в наявності, відсутній або перебуває в очікуванні замовлення).
- Розпродаж та вибрані продукти.
- Рейтинги зірок для якісних фільтрів.
- Атрибути продукту, такі як розмір, колір та матеріали.
- Користувальницькі мета-поля для спеціалізованої фільтрації.
- Детальна інформація про продукт, наприклад розміри та вага.
- Статус завантажуваного та віртуального продукту.
Кожен тип фільтра повністю настроюється. Ви вибираєте, як він відображається - прапорці, радіокнопки, списки, повзунки або кольорові значки. Ви можете зробити фільтрацію, що згортається, приховати певні параметри або розташувати їх у будь-якому порядку за допомогою перетягування.
Приклади фільтрів продуктів
Як приклад налаштуємо два основних фільтри, які необхідні кожному магазину: ціну та атрибути продукту.
Налаштування фільтрації цін
Фільтр цін буде швидше за все першим, що ви захочете додати до свого магазину. У конструкторі натисніть кнопку «Додати фільтр» угорі та виберіть «Ціна» зі списку параметрів. Відкриється панель налаштувань цін.
Тепер потрібно налаштувати роботу:
- Додайте заголовок, наприклад "Filter за ціною", та опис.
- Виберіть спосіб відображення мітки: завжди відкрито, закрито або без мітки.
- Вибирайте між полями введення, повзунком цін або текстовими підказками.
- Встановіть відображення валюти та положення (до/після ціни).
Можна вибрати скін фільтра (за замовчуванням, плоский, великий, сучасний), щоб він відповідав дизайну вашого магазину. Всі ці параметри відображаються прямо на панелі налаштувань, із попереднім переглядом у реальному часі того, як виглядатиме вибір ціни.
Налаштування фільтра атрибутів
Додавання фільтрації атрибутів працює аналогічним чином — почніть із натискання «Додати фільтр» та вибору «Атрибут» зі списку. Це відкриє панель налаштувань атрибутів, де ви налаштуєте такі позиції, як розмір, колір або інші варіації продукту.
Які ключові параметри потрібно налаштувати:
- Виберіть атрибути (розмір, колір тощо).
- Додайте зрозумілу назву та виберіть спосіб відображення мітки.
- Виберіть стиль відображення: розкривний список, прапорці або зразки кольору.
- Виберіть, чи потрібно приховувати атрибути без товарів.
- Встановіть порядок: за алфавітом або користувацьким.
Стиль відображення особливо важливий — списки, що розкриваються, відмінно підходять для простих параметрів вибору, таких як розміри, в той час як прапорці краще підходять, коли клієнти хочуть вибрати кілька варіантів. Для кольору візуальні зразки роблять вибір інтуїтивно зрозумілим. Ви можете увімкнути кількість товару, щоб показати, скільки товарів відповідає кожному атрибуту.
Сумісність із Elementor
Якщо для створення магазину використовується Elementor, плагін інтегрується з ним безпосередньо. Це означає, що можна додавати та настроювати фільтри продуктів, не виходячи з редактора Elementor.
Як використовувати фільтри продуктів в Elementor
Спочатку переконайтеся, що Elementor та WBW Product Filter встановлені та активовані. Потім під час редагування будь-якої сторінки в Elementor ви знайдете віджет WooFilter у розділі WooCommerce. Перетягніть туди, де хочете відображати фільтри.
Віджет надає три основні вкладки для роботи:
- фільтри: додайте та налаштуйте типи (ціна, категорії, атрибути).
- параметри: керування роботою фільтрів продуктів, включаючи розміщення кнопок та завантаження налаштувань.
- Дизайн: настройте зовнішній вигляд відповідно до магазину.
Що добре у використанні фільтрів в Elementor, це те, що видно зміни в реальному часі. Незалежно від того, чи ви налаштовуєте макети, змінюєте стилі кнопок або налаштовуєте дизайн, ви отримаєте живий попередній перегляд того, як це виглядатиме в магазині.
Плагін працює як з безкоштовною, так і професійною версіями Elementor і сумісний з популярними доповненнями, такими як Element Pack Pro та Ultimate Addons для Elementor.
Синхронізація кількох фільтрів продуктів
Якщо у вас досить великий магазин, може знадобитися, щоб різні набори фільтрів працювали разом. Наприклад, необхідно розмістити один на бічній панелі, а інший над продуктами. Синхронізація кількох фільтрів дозволяє їм працювати разом, оновлюючись у режимі реального часу у міру того, як клієнти роблять вибір.
Щоб це налаштувати:
- Перейдіть до Параметри -> Вміст у налаштуваннях фільтра.
- Увімкнути "Filter synchronization".
- Повторіть для всіх фільтрів, які потрібно синхронізувати.
Тепер вони працюватимуть разом автоматично.
Плавающий режим
Бажаєте, щоб фільтри продуктів відображалися у спливаючому вікні, а не займали постійне місце на сторінці? Саме це і робить плаваючий режим. Ця опція знаходиться на вкладці Дизайн в режимі Плавання — просто виберіть «Використовувати режим Плавання», щоб почати використання.
За допомогою плаваючого режиму можна налаштувати:
- Відображення на пристрої: показувати на всіх пристроях, тільки на мобільних пристроях або лише на настільних комп'ютерах
- Стиль кнопки: Використовуйте кнопку плагіна або створіть власний тригер.
- Зовнішній вигляд спливаючого вікна: настройте заголовок, фон, межі та анімацію
- Розміщення: виберіть, де і як відображатиметься спливаюче вікно фільтра.
Для кнопки плагіна можна налаштувати кожну деталь - від використання тексту або власного значка до вибору між фіксованими чи плаваючими позиціями. Розробники також можуть створювати тригери користувача за допомогою JavaScript, щоб відкривати фільтри продуктів з будь-якого елемента на сторінці.
Версії плагіна
WBW Product Filter поставляється у безкоштовній та преміум-версіях. Безкоштовна версія включає основні можливості фільтрації — можна налаштувати базові фільтри цін і категорій, інтегрувати їх зі стилем вашої теми і використовувати конструктор drag-and-drop.
Для більш сучасних потреб преміум-версії відкривають такі функції, як AJAX live search для миттєвих результатів, розширені скіни цінових фільтрів і кілька стилів відображення. Тут пропонуються варіант рейтингу зірок і більше варіантів сортування, які допомагають клієнтам знайти саме те, що вони хочуть.
Усі версії поставляються з основними перевагами – налаштування методом перетягування, сумісність із мобільними пристроями та основні типи фільтрів продуктів. Преміум ліцензії включають довічні оновлення та підтримку.
Вашим клієнтам не доведеться продиратися через сторінки з продуктами, щоб знайти те, що вони хочуть. WBW Product Filter допомагає звузити коло пошуку до того, що вони шукають.
Ви можете почати з безкоштовної версії та спробувати базову фільтрацію, а при необхідності перейти на преміум-версію, якщо потрібні такі функції, як миттєвий пошук та спливаючі фільтри. Налаштування просте, і все якісно працює на мобільних пристроях.
Джерело: wplift.com
Коментарі до запису: 0