Елизавета Карандеева
Вебмастер в SEO-отделе

Бывает так, что пользователю необходимо отфильтровать ассортимент в интернет-магазине по своим собственным критериям. И чаще всего это не стандартная сортировка, а более узкая, включающая в себя диапазон цен, модель, конкретные характеристики. В создании такого функционала в вашем магазине поможет умный фильтр Битрикс по товарам и разделам. В статье расскажем, как сделать и настроить catalog smart filter bitrix.

Что это такое

Это многофункциональный инструмент, позволяющий динамически формировать контент на странице, избегая ее обновления, тем самым обеспечивая быструю загрузку. Также он имеет гибкую настройку и кастомизацию, исходя из задач, поставленных перед администратором или разработчиком. Он предназначен для обработки и фильтрации большого объема данных на сайте, созданном на платформе 1С-Битрикс и помогает посетителям уточнять параметры поиска.

Мария Албегова
Мария Албегова
редактор блога

Вот основные функции инструмента: 

  • Более глубокий запрос: такая фильтрация позволяет пользователям осуществлять более точный и узконаправленный поиск по различным категориям и атрибутам товаров или контента на сайте. Он может фильтровать данные по цене, размерам, цвету, бренду и другим характеристикам. Это помогает пользователям найти нужные им товары или информацию быстрее и проще.
  • Администраторы сайта получают возможность создавать и настраивать пользовательские параметры для фильтрации. Т.е получится указать собственные наборы атрибутов и характеристик, которые соответствуют потребностям вашей ЦА. 
  • Динамическое обновление: люди видят актуальную информацию. Им мгновенно отображаются только те варианты, которые соответствуют запросу.
  • Удобство – фильтрация осуществляется с помощью чекбоксов, кнопок, выпадающих списков и других элементов управления. Это интуитивно и просто. 

Специфика умного фильтра

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

Основные особенности:
  • работа проводится со всем каталогом, с учетом выбранных параметров;
  • есть поддержка торговых предложений;
  • существует опция указания на отсутствие товара;
  • отображает число найденных позиций;
  • имеет возможность настройки ЧПУ для сгенерированных страниц;
  • есть подгрузка отфильтрованных данных без обновления. 
Комплексное продвижение сайта в поисковых системах на основе глубокого и итерационного изучения и аналитики данных. Мы работаем над оптимизацией. Вы получаете качественный целевой трафик, который конвертируется в постоянного покупателя.
Оставить заявку
Подробнее…

Как все это работает

Основная особенность Smart Filter Bitrix в том, что он использует фасетные индексы, то есть товары по одному свойству. На примере можно увидеть, что это позволяет получить только те элементы, которые соответствуют заявленному диапазону поиска, без представления всех имеющихся позиций на сайте. 

сайт
каталог

Это в значительной степени ускоряет процесс загрузки страниц. 

Схема работы с этим инструментом следующая:
  • Администратор определяет набор атрибутов и характеристик для фильтрации контента на сайте: это могут быть цена, бренд, цвет, размер и т.д.
  • Эта информацию собирается и сохраняется в базе данных. 
  • Пользователь видит на сайте возможности фильтрации, настраивает свой индивидуальный поиск. 
  • Затем инструмент применяет пользовательские параметры к своей базе.
  • Далее он выдает юзеру все позиции, которые соответствуют его запросу, страница обновляется динамически. 

Настройка умного фильтра товаров Битрикс

К основным элементам относятся: 
  • инфоблоки;
  • ЧПУ, шаблоны секций;
  • правила фильтрации разделов;
  • структура;

Больше информации об этом можно почитать в официальном руководстве. Далее поговорим подробнее про основные.  

Настройка инфоблока

Для начала настроим урл. Делается это так: «Контент» → «Типы блоков» → «Каталог» → категория товара, которая релевантна нам. В первой вкладке настроить нужно вот это: 

поля
  • #SITE_DIR# – папка сайта;
  • /catalog/ – комплексный компонент Битрикс фильтра
  • #SECTION_CODE# – переменная с кодом раздела;
  • #ELEMENT_CODE# – транслитерированное название элемента.  

Для автоматического формирования во вкладке «Поля» ставим галочки:

настройка

Свойства инфоблока

Теперь приступим к более детальной настройке. Найти требуемые блоки можно по пути, показанному на скриншоте ниже. 

админка

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

поля
настройка
Также здесь можно: 
  • задать название параметру фильтрации;
  • выбрать тип привязки;
выбор элемента
  • включить или выключить отображение;
  • настроить множественный выбор;
списки
  • отметить необходимость заполнения;
  • установить тип сортировки;
  • задать символьный код;
  • внести изменения в конкретных инфоблоках;
  • удалить их.

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

SaaS: что это за сервис, примеры моделей продаж для бизнеса Читайте также SaaS: что это за сервис, примеры моделей продаж для бизнеса

Компонент

Вносить изменения в этот раздел нужно в визуальной части сайта, в режиме правки. Это делается прямо на страницах, в административную панель заходить не придется.  Открыли нужный режим, далее в параметрах bitrix:catalog находим «Управление адресами страниц» → «Url раздела для умного фильтра» – тут мы может увидеть наши урлы с учетом примененных к ним настроек. Для правильного формирования ЧПУ, логика должна быть такой #SECTION_CODE#/filter/#SMART_FILTER_PATH#/. 

Где:
  • #SECTION_CODE# – раздел фильтрации;
  • #SMART_FILTER_PATH# – алгоритм пути;
  • /filter/ – директива для идентификации запрашиваемого адреса. 

Если ранее все было сделано правильно, url страницы будет отображаться вот так: 

/catalog/ваш-раздел/filter/параметры-поиска-1/…2/…3/ и т.д.

Использование AJAX в смарт фильтре Битрикс

Это моментальная фильтрации, позволяющая обновлять только ту часть страницы, на которой располагаются товары, а не всю целиком. Работает это по принципу «параметр поиска задан  → серверу направлен запрос → прислан ответ соответствующий требованиям»‎. 

Чтобы произвести такие настройки, делаем следующее: 
  • активируем режим AJAX;
  • выбираем «Мгновенная фильтрация».
настройка

Пример подключения

Подключить интеллектуальную фильтрацию можно, используя одну из трех тактик: 

  • найти в составе компонентов «Каталог 2.0»;
  • в визуальном редакторе;
редактор на сайте
  • вставить в исходный код комбинацию знаков для подключения.
код

Особенности кастомизации

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

  • строка;
выбор
  • список;
настройка
  • число;
поле для выбора

Выглядеть это может так.

каталог
Люди отлично запоминают яркие образы – красочные изображения, креативные видео. А значит, вы можете донести торговое предложение до аудитории. Мы поможем вам с настройкой и размещением медийной рекламы: будем управлять ставками, анализировать метрики, повышать эффективность.
Оставить заявку
Подробнее…

Ускорение работы Bitrix умного фильтра

На скорость влияет фасетный индекс. Суть его функционирования немного похоже на кэширование. Все содержимое каталога единоразово индексируются в фасет и фильтрация производится по нему. Таким образом, работа ускоряется в 3-4 раза. 

Включить его можно здесь: 

фасетные индексы
выбор

При создании новых инфоблоков требуется проводить подключение заново. При необходимости Битрикс сам подскажет вам это сделать. 

Также обновить этот функционал может потребоваться еще в нескольких случаях: 
  • при внесении изменений в каталог;
  • если произошла корректировка свойств умного фильтра;
  • при выгрузке базы 1C.

Особенности ЧПУ 

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

Несмотря на это, в Bitrix есть ряд проблем, вызванных особенностями работы: 
  • если в адрес попадают слова, написанные на кириллице, они не переводится на транслит, а отображается набором случайных символов; 
  • url может содержать чрезмерное количество знаков; 
  • нет простого способа настройки canonical;
  • лишние директивы по типу /apply/;
  • на отфильтрованных страницах нельзя размещать текст и заголовки; 
  • если есть интеграция с 1C, то ЧПУ задать вообще невозможно, так как будет использоваться xml_id, который выглядит вот так /filter/bed_obivka-is-e3881c5ecfc6d4f8650892f7bdb2f0c2/.

Решить эти проблемы могут модули «Инструменты SEO специалиста» или Sotbit seo meta для умного фильтра Bitrix. С их помощью вы сможете корректно настроить требуемые характеристики для успешного продвижения.

Среди них:
  • мета теги (очень быстро можно прописать тайтл, кейвордс и дескрипшн);
  • шаблоны;
  • хлебные крошки;
  • перелинковка;
  • каноникал;
  • человекопонятные урл-адреса;
  • карта сайта;
  • статистика и т.д.

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

22 трекера задач для управления и организации работы сотрудников Читайте также 22 трекера задач для управления и организации работы сотрудников

Заключение

В статье мы рассказали, как добавить и настроить умный фильтр товаров в Битрикс, чтобы ваш интернет магазин стал более удобным для покупателей. Но не стоит забывать, что любые готовые решения имеют ряд нюансов и для работы с ними нужен опыт и практические знания. Поэтому даже имея на руках информацию, лучше обратиться к специалистам по Bitrix 1С. 

Оставить заявку
Оставить заявку
Получите консультацию и персональное предложение по развитию вашего бизнеса.
У меня есть промокод
Заявка отправлена!
Мы свяжемся с вами в ближайшее время.
0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
0 Комментарий
Межтекстовые Отзывы
Посмотреть все комментарии