JetSmartFilters

Что такое JetSmartFilters?

JetSmartFilters — это плагин экосистемы Crocoblock для WordPress, который добавляет асинхронную фильтрацию контента в виджетах Elementor, работая с любыми запросами (посты, кастомные типы, товары WooCommerce) через произвольные поля и таксономии без привязки к одному типу данных.

Как это работает?

Плагин перехватывает настройки запроса активного виджета-листинга (JetEngine Listing Grid, стандартный Posts или Products), формирует на клиентской стороне AJAX-запрос с выбранными параметрами и передаёт его серверному обработчику. Сервер выполняет новый WP_Query с учётом значений фильтра и возвращает готовый HTML, который замещает содержимое контейнера без общей перезагрузки страницы. URL синхронизируется через History API, что даёт доступ к прямому переходу по ссылке и индексацию фильтрованных выборок. При включённом Indexer-модуле заранее строится карта соответствий записей значениям фильтров, избавляя каждый запрос от медленных JOIN’ов по postmeta.

Метрики и стандарты

Применение Indexer снижает время обработки AJAX-запроса до 50–100 мс даже на каталогах в 30 000+ записей, что в 5–10 раз быстрее полной перезагрузки страницы. По данным Crocoblock (2025–2026), внедрение AJAX-фильтрации удерживает пользователя в каталоге и повышает среднюю глубину просмотра на 1,5–2 страницы за сессию. Использование фильтров с визуальными элементами (цветовые образцы, иконки) увеличивает кликабельность на 17–25% относительно текстовых чекбоксов. Интеграция с SEO-френдли URL даёт прирост длиннохвостового органического трафика до 10–15% от общего объёма.

Почему это важно для бизнеса?

Любой каталог — недвижимость, вакансии, услуги, товары — требует быстрого сужения выборки, иначе посетитель покидает сайт за 1–2 минуты. JetSmartFilters реализует фильтрацию без привязки к WooCommerce, что критично для многоцелевых сайтов и сложных витрин на Elementor. Устранение перезагрузок сохраняет состояние прокрутки и мгновенно показывает результат, прямо снижая показатель отказов и увеличивая время контакта. Для B2B-каталогов и досок объявлений это единственный путь обеспечить конверсию в заявку или клик на детальном просмотре без потери производительности сервера.

Пример применения

Агентство недвижимости выводило список объектов через JetEngine Listing Grid с 15 000 записей. Без фильтрации пользователи просматривали не более 2–3 страниц, отказы достигали 58%. Установка JetSmartFilters с фильтрами по цене, площади и типу жилья (радиокнопки + слайдер), а также активация Indexer сократили отклик до 90 мс, глубина просмотра выросла до 5–7 страниц, отказы упали до 34%. Число заявок с карточек объектов выросло на 41% в течение месяца.

Как это реализуется в WordPress?

JetSmartFilters устанавливается как самостоятельный плагин из комплекта Crocoblock. Фильтры добавляются прямо в Elementor: отдельный виджет «Smart Filter» выбирает тип (чекбоксы, селект, диапазон, визуальные образцы, поиск, рейтинг), источник данных (произвольное поле, таксономия) и целевой виджет-листинг. Настройка выполняется без кода, достаточно указать Query ID листинга. Indexer запускается в разделе «JetPlugins Settings» и обновляется автоматически при изменении контента. Для кастомных запросов и совместимости с кэшированием рекомендуется исключать URL-адреса с параметрами jsf из кэша либо использовать AJAX-метод подгрузки результатов. Плагин не конфликтует с популярными темами и плагинами оптимизации, работая только на стороне фронтенда Elementor.

Связанные понятия

• JetEngine Listing Grid — виджет Crocoblock для вывода сеток динамического контента, на который нацелены фильтры JetSmartFilters.
• Indexer — внутренний модуль, предварительно строящий индекс соответствия записей параметрам фильтра для быстрых запросов.
• Query ID — идентификатор запроса, связывающий фильтры с конкретным виджетом-листингом в Elementor.
• History API (AJAX URL) — механизм обновления адресной строки без перезагрузки, обеспечивающий уникальные ссылки на отфильтрованные выборки.
• Визуальные фильтры — элементы управления (образцы цвета, иконки, миниатюры) вместо стандартных чекбоксов, повышающие юзабилити.
• Произвольные поля (custom fields) — мета-поля записей, которые JetSmartFilters может использовать как критерии отбора.