Фев

Плагины живого поиска для WooCommerce магазина

Этот вариант реализации поиска для сайта подразумевает то, что после ввода запроса пользователя под формой сразу подгружаются и показываются соответствующие результаты. Все это происходит автоматически в реальном времени и, в целом, достаточно удобно. Раньше вы уже могли видеть обзор плагина Ajax Search Lite для WordPress, а сегодня рассмотрю модули, заточенные конкретно под магазин WooCommerce. Я отобрал наиболее популярные и актуальные решения, у каждого из которых есть свои преимущества и недостатки.

Я так понимаю, по умолчанию WooCommerce использует базовую функциональность WP-движка. И хотя вы можете добавить на сайте какие-то хаки для поиска, все равно в нем будет отсутствовать возможность находить объекты по артикулу товара SKU и др.

При этом добавление фишки с Ajax-поиском в живом времени должно увеличить интерактивность и эффективность данного элемента за счет чуть большей вовлеченности пользователей.

Ajax Search for WooCommerce

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

Основные функции модуля:

Возможность искать по заголовку, длинному/короткому описанию продукта, его артикулу.
Отображение в результатах: превью, цены, описания, SKU.
Легкое внедрение через меню, шорткод или виджет.
Поиск по категориями и тегам.
Лимит количества элементов в результатах + ссылка на полноценную страницу со всеми найденными объектами каталога.
Минимальное число символов для старта живого поиска.
Поддержка локализации и Google Analytics.
Множество настроек, в том числе и по внешнему виду формы.
Есть специальная дополнительная панель для вывода в результатах, когда при наведении на элементы пользователь увидит всю информацию о товаре и даже сможет его купить!

После активации плагина в админке в разделе Woocommerce появится новый пункт меню — AJAX Search bar. Переходите в него и увидите несколько вкладок на странице:

Starting – описаны все методы интеграции на сайт.
Search bar – содержит определенные параметры поисковой строки + настройки ее внешнего вида.
Autocomplete – формат и оформление отображаемых на выходе результатов.
Search config – некоторые критерии для поиска.

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

Единственное, что меня здесь смутило – это скорость работы. То ли я тестировал Ajax Search for WooCommerce на глючном сайте, то ли интернет в тот момент тормозил, но ответа приходилось ждать несколько секунд. В современных реалиях это долго.

Чтобы исправить эту ситуацию разработчики предлагают вам поставить PRO версию. Нет, они специально не замедляют работу своего детища, просто в продвинутой версии используется «обратный индекс» (inverted index) – технология, позволяющая в разы ускорить весь процесс.

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

Advanced Woo Search

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

Основная задача и функции у модуля такие же, как и у прошлого – вы можете искать товары по заголовкам, текстам, артикулам, тегам и категориям. В результатах разрешается выводить не только название, но и картинки, описание, цены. Похожие объекты группируются. Интеграция через виджет/шорткод.

Из нового и интересного здесь есть:

Настройка стоп-слов.
Разработчики говорят, что их продукт функционирует максимально быстро. Я так понимаю, это достигается за счет создания специального индекса. В первый раз запускаете его формирование вручную, а дальше данные будут синхронизироваться автоматически.
Поддерживаются синонимы и множественные формы (но не уверен, что это работает с товарами, не на английском языке).
Совместимость с куда большим количеством плагином локализаций и других, например, с Custom Product Tabs for WooCommerce и Search Exclude.
Не уверен, что прошлый модуль так может, но здесь имеется подсветка акционных/скидочных товаров.

Не смотря на то, что сам по себе дизайн оформления, что во фронтенде, что в бэкенде выглядит каким-то немного простоватым, все отлично работает.

Все настройки Advanced Woo Search задаются в одноименном разделе админки, они собраны в 3 вкладки:

Основные – информация об установке, ручная переиндексация таблицы данных, очистка кэша, стоп-слова, синонимы, поля для поиска.
Search Form – тут собрано все, что касается отображения поисковой формы (есть даже три варианта ее дизайна).
Результаты – содержит информацию, которая будет показана пользователю в итоге.

Для каждого параметра есть пояснение, и их, в принципе, тут не мало. Еще один плюс данного решения – стоимость PRO версии всего $49. Взамен получите: поиск по атрибутам и таксономиям, дизайны формы, использование логических выражений И / ИЛИ, поддержку ACF, кнопку добавить в корзину и др. В целом, весьма неплохой набор.

YITH WooCommerce Ajax Search

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

Набор функций минимальный:

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

Все основные фишки – только в PRO-релизе. Почему добавил третьим в список? – тут исправляют найденные ошибки и во вкладке Support репозитория иногда отвечают на вопросы юзеров.

Smart WooCommerce Search

Нашел это плагин в последний момент перед написанием статьи. Мое внимание привлекло то, что в его демо-версии результаты в реальном времени подтягивались достаточно быстро (возможно, из-за того, что там было не более 10-ти товаров). Оценка хорошая, загрузок – 10 тысяч, хотя за последние 3 месяца от автора ничего не было слышно + накопилось 5 багов.

Возможности Smart WooCommerce Search, в принципе, соответствуют всем остальным плагинам (кроме YITH). Здесь есть куча настроек внешнего вида формы, вывод ее через виджет/шорткод, поиск не только по каталогу продукции, ее категориям/тегам, но и по постам, страницам сайта. Поддерживаются вариативные товары, а также ограничение поиска по рубрикам – за эти 2 опции лайк.

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

В результатах, как видите, можно добавлять картинки, цены, скидочные акции. Исключается продукция, которой нет в наличии. Есть локализация, поддержка WPML и Search Exclude. В PRO-версии будут синонимы, стоп-слова, таксономии и др.

Итого. Из всех плагинов живого поиска в WooCommerce для своей задачи я выбрал Advanced Woo Search. Меня подкупило наличие механизма индексации таблиц БД и кэша в бесплатной версии – вероятно, я позволит данному элементу работать быстрее. Самый красивый – это, конечно, Ajax Search for WooCommerce, в нем все оформлено достаточно стильно. Последний модуль также нужно будет как-то потестировать, он выглядит неплохо, надеюсь автор не забросит разработку.