Фильтр продуктов WooCommerce — лучший плагин фильтра WooCommerce?

Запуск сайта WooCommerce может быть сложной задачей. Когда вы начинаете свой бизнес, вы учитесь управлять небольшим каталогом с нишевыми покупателями. Однако с течением времени возрастает потребность в управлении сайтом, в том числе в предоставлении фильтров, позволяющих посетителям получить оптимальный опыт покупки.

В этой обзорной статье мы рассмотрим плагин WooCommerce Product Filter WordPress и то, как он может помочь вам улучшить свой сайт для повышения продаж и удобства пользователей.

Прежде чем мы двинемся вперед, давайте разберемся с основами.

Что такое фильтр товаров? И почему вам это нужно?

На любом среднем сайте WooCommerce действительно перечислено множество продуктов. Если клиент зайдет на ваш сайт, он растеряется и может не найти то, что ищет. Чтобы облегчить процесс поиска и сузить круг поиска, используется фильтр продуктов, чтобы предоставить покупателю необходимые средства для поиска того, что он ищет.

Если посетитель посчитает процесс поиска слишком утомительным, он покинет ваш сайт в поисках альтернативы.

Короче говоря, фильтры продуктов улучшают взаимодействие с пользователем. Без фильтра продуктов на вашем сайте не будет необходимого способа навигации по продуктам. Плагин фильтра продукта также значительно улучшает видимость продукта. Если в вашем магазине WooCommerce используется хороший фильтр продуктов, вы обязательно увидите улучшение удовлетворенности пользователей и рост.

Также читайте: 21 обязательный плагин WordPress WooCommerce

Обзор фильтра продуктов WooCommerce

Установка и первоначальная настройка

Установка фильтра продуктов WooCommerce проста. Для начала вам необходимо скачать плагин с их официального сайта. Это платный плагин. Однако вы также можете загрузить бесплатную версию, чтобы предложить опробовать плагин.

Чтобы продемонстрировать установку, мы будем использовать их бесплатную версию. Чтобы установить его, вам нужно перейти на панель инструментов вашего сайта и выбрать «Плагины» >> «Добавить новый». Оттуда нажмите «Загрузить плагин».

После установки вы увидите новый пункт меню, доступный в боковом меню панели инструментов. Это должен быть фильтр продуктов Woo.

Теперь вы готовы использовать плагин!

Однако есть еще несколько вещей, которые вам нужно сделать, прежде чем он станет полностью полезным.

Этот шаг включает в себя создание нового фильтра. Итак, для этого нам нужно перейти в Woo Product Filter >> Add New Filter.

Оказавшись там, он спросит вас о названии фильтра продукта. Назовем его «фильтр уникальных товаров».

После того, как вы нажмете «Сохранить», он будет перенаправлен на страницу фильтра, которую мы только что создали.

Как видите, вы можете добавлять фильтры на основе нескольких параметров, включая цену, ценовой диапазон, сортировку и так далее!

Полный список, предлагаемый бесплатной опцией, приведен ниже.

Похоже, вы получаете массу опций из коробки — и это хорошо!

Итак, я попытался добавить фильтр с ценой. После этого он мгновенно добавил опцию ниже, чтобы установить описание и диапазон фильтра. Если вы развернете его, вас встретит больше опций, как показано ниже.

Параметры, которые вы получаете с каждым из этих фильтров, включают:

• Показать метку заголовка → эту опцию можно включать и выключать для настольных компьютеров и мобильных устройств.
• Скин фильтра → Вы можете изменить скины для фильтра.
• Показать поля ввода цены → Это позволит вам отобразить поля ввода цены.
• Положение символа → Вы можете использовать его для изменения положения символа.
• Показать валюту как → Здесь; вы можете показать валюту в символе и коде.
• Используйте текстовую подсказку вместо полей ввода → Включите и выключите ее.

В целом, я нашел варианты довольно сложными. Например, вы можете отобразить метку заголовка или изменить положение символа и позволить пользователю вводить диапазон.

Вы можете добавить столько фильтров, сколько возможно. Это означает, что полная настройка находится в ваших руках.

Итак, если вы хотите создать фильтр WooCommerce по категории, вам нужно выбрать «категории продуктов».

Как видите, существует множество вариантов, когда дело доходит до категорий товаров. Здесь вы можете изменить практически все, что захотите. Однако некоторые параметры заблокированы, поскольку они доступны только в версии PRO. Если вы купили PRO версию, то вам будут доступны все доступные опции. Мы обсудим цены позже в разделе цен.

Короче говоря, вам нужно добавить столько фильтров, сколько захотите, а затем использовать их на своем сайте. Если вы думаете, как это будет выглядеть, посмотрите демо-страницу здесь.

Вердикт: легко установить и использовать. Итак, если вы знаете свои требования, вы можете начать работу с плагином за пару часов. Кроме того, существует множество способов настроить фильтр продуктов по своему вкусу.

общие настройки

В этом разделе мы рассмотрим, что такое общие настройки плагина. Эти настройки демонстрируют, насколько настраиваемый плагин.

Давайте сначала посмотрим на опцию «Основные настройки».

Основные параметры

Здесь вы найдете полезную опцию Ajax. Если вы включите его, вы позволите своему сайту загружать изменения без необходимости полного обновления вашего сайта. По умолчанию эта опция включена, и это хорошо со стороны производителя плагинов.

Кроме того, это место, где вы можете выбрать, где показывать фильтр товаров. Вы можете выбрать отображение всех страниц WooCommerce, категорий товаров, магазинов и так далее! Функция отображения также дает вам возможность отображать фильтр на всех устройствах, мобильных устройствах или устройствах.

Еще одна отличная опция, которую вы получаете, — это перенаправление на URL-адрес, где вы можете выбрать любую из доступных страниц для перенаправления на фильтр. Итак, если вы являетесь магазином WooCommerce, вы можете творчески использовать его для перенаправления 404 страниц на страницу фильтра продуктов! Это дает вашим посетителям возможность продолжать поиск того, что они ищут, и, следовательно, снижает показатель отказов на вашем сайте.

Psst .. вам нужна версия PRO, чтобы использовать эту опцию.

Другие доступные параметры включают возможность установки мобильного/настольного компьютера, удаление действий перед фильтрацией ajax, установку количества продуктов в строке и т. д.!

Кнопки, содержимое и настройки загрузчика

Другие настройки также очень сложны и дают вам большое количество опций. В настройках кнопок вы можете изменить работу кнопок в настройках фильтров продуктов. Вы можете использовать его для оптимизации внешнего вида кнопок.

На вкладке «Контент» вы можете уточнить, как работает фильтр. Например, вы можете включить пересчет товаров по выбранному фильтру или задать текст, если критерии поиска не соответствуют ни одному из результатов. Если товаров для отображения слишком много, здесь вы можете установить параметр «Показать больше», чтобы упорядочить продукты.

Вкладка загрузчика позволяет настроить экран загрузчика, во время которого фильтр извлекает результаты для покупателя. Эта опция доступна только для PRO-версии плагина.

Создание фильтра товаров

Мне также было любопытно, насколько гибкий фильтр продуктов WooCommerce предлагает, когда дело доходит до дизайна того, как выглядят фильтры продуктов.

Здесь я не разочарован, так как есть много вариантов для игры. Для начала вы можете изменить общие стили, а также блоки, заголовки и кнопки.

Он также поставляется с редактором CSS и JS для тех, кто хочет сделать дополнительный шаг, чтобы настроить внешний вид фильтра продукта. Тем не менее, доступных опций достаточно, если вы не хотите писать собственный код для настройки фильтра продуктов.

Если этого недостаточно, вы также можете использовать конструктор Elementor, чтобы настроить его!

Elementor — один из ведущих конструкторов перетаскивания. Они обеспечивают простой способ создания и настройки страниц. Здесь вы получаете доступ к его поддержке, что означает, что вы не только создаете полностью новую страницу фильтра продуктов напрямую из Elementor, но также можете вносить изменения в уже созданную. Короче говоря, фильтр продуктов WooCommerce на 100% совместим с Elementor. Итак, если у вас установлен Elementor, вы получаете доступ к фильтрам продуктов WooBeWoo прямо с вкладки Elementor. Лучший способ начать работу — прочитать их руководство о том, как начать работу с Elementor и их плагином.

Функции

Подводя итог всему, что может предложить WooCommerce Product Filter, давайте рассмотрим его основные функции ниже.

• Фильтровать по цене, ценовому диапазону, категориям, тегам и т . д. → Как разработчик или владелец WooCommerce, вы можете выбрать несколько критериев для фильтрации. Вы можете создать свой собственный фильтр с необходимыми критериями и заставить его работать на вашего клиента. Прямо из коробки он поставляется с критериями «Обязательно», включая цену, сортировку, категории, автора, теги, распродажу, наличие на складе и так далее! Кроме того, каждый из этих критериев можно настроить, и каждый из них имеет собственный набор параметров. Для посетителей это означает, что они получают множество вариантов на выбор.
• Автоматическая интеграция с WooCommerce: плагин WooCommerce Product Filter полностью совместим с WooCommerce. Это означает, что если ваш магазин использует WooCommerce, вы готовы использовать его, не задумываясь. Интеграция с WooCommerce также означает, что вы можете использовать различные функции WooCommerce с плагином.
• Простота установки и настройки: мы уже видели, что плагин легко настроить и настроить. Существует множество параметров, которые вы можете использовать для настройки функциональности фильтра продуктов в вашем магазине WooCommerce.
• Поддержка Ajax: одна из самых больших функций, которые может предложить плагин, — это поддержка Ajax. Это позволяет пользователю использовать функцию фильтрации продуктов, но не нужно ждать перезагрузки страницы, чтобы получить результаты. Функция Ajax означает, что обновляется только раздел продукта в зависимости от выбора, сделанного посетителем. Он поставляется предварительно включенным. Однако, если у вас возникли проблемы с этим или у вас есть другие требования, вы можете легко отключить его в настройках.
• Предназначен для работы на разных устройствах: плагин поддерживает адаптивный дизайн, а это значит, что он может одинаково хорошо работать на экранах мобильных и настольных компьютеров. Вы можете настроить отображение фильтра продуктов на всех устройствах, только на мобильных или только на настольных компьютерах.
• Полностью совместим с Elementor: наконец, он полностью совместим с Elementor. Это означает, что вы можете настроить его без необходимости писать ни строчки кода.

Цены

Что касается ценообразования, то предлагается три типа лицензий:

• Один сайт — $49
• Пять сайтов — 99 долларов.
• Неограниченное количество сайтов — 199 долларов.

Как видите, вы можете начать работу с фильтром продуктов WooCommerce всего за 49 долларов — это достойная цена .

Если вы решите создать функцию фильтрации продуктов для своего магазина WooCommerce, то вы легко потратите пару тысяч долларов только на то, чтобы правильно реализовать базовые функции. Это означает, что вы сэкономите много, выбрав плагин, который делает почти все, что вы хотели бы от плагина фильтра продуктов WooCommerce.

Что мне понравилось

• Впечатляющие возможности настройки
• Вы можете создать фильтр продуктов по своему вкусу
• Поддержка Ajax, которая гарантирует, что страница не перезагружается при использовании фильтра продукта.
• Отличные возможности сортировки
• Поддерживает фильтрацию и сортировку по тегам, категориям и атрибутам.
• Поставляется с возможностью использования пользовательских CSS и JS для дальнейшей доработки дизайна в соответствии с брендом и темой.
• Бесплатная версия полезна для новых магазинов WooCommerce, но ограничена
• Хороший ценовой вариант
• Отличный настраиваемый механик загрузки
• Неограниченное количество фильтров
• Хорошая онлайн-демонстрация, которую можно попробовать перед переходом на PRO-версию.
• Поставляется с поддержкой конструктора Elementor.
• Отличная документация и ресурсы

Что мне не понравилось

• Варианты могут быть подавляющими для некоторых пользователей
• Слишком много полезных опций заблокировано в платной версии

Вывод

В конце концов, легко рекомендовать WooCommerce Product Filter за то, что он может предложить. Разумная цена также означает, что вам не нужно тратить кучу денег на функциональность. Его поддержка Elementor также означает, что вам не нужно писать ни одной строки кода для его настройки.

Если вам все еще интересно, что может предложить плагин, вам следует попробовать их бесплатное предложение, где вы получите доступ к некоторым функциям плагина. Вам также следует посетить демонстрационную страницу плагина, где вы можете вживую увидеть, как посетитель будет взаимодействовать с плагином. Итак, что вы думаете о фильтре продуктов WooCommerce?

Прокомментируйте ниже и дайте нам знать.