Фильтр товаров в интернет-магазине
автор: Павел Станкевич
дата публикации: 20 февраля 2024 г.
последнее обновление: 20 февраля 2024 г.
Здравствуйте, люди!

Фильтр товаров по параметрам — очень важная часть интернет-магазина. Он помогает пользователям сориентироваться в ассортименте товаров и очень важен для продвижения интернет-магазина в поисковых системах.


Откройте сайт 21vek.by и попробуйте найти там телевизор Samsung с диагональю 60 дюймов, IPS матрицей не используя фильтр товаров. Придётся полистать…


Так вот, чтобы такого не было надо иметь на сайте удобный фильтр товаров.

Характеристики товаров

Характеристики товаров служат нескольким целям:

  1. Указать потенциальному клиенту что, например, данные часы выдерживают погружение до 100 метров
  2. Дать потребителю возможность выбрать часы с возможностью погружаться на глубину 100 метров с помощью фильтра товаров по параметрам. Иными словами — для сортировки товаров.
  3. Для ознакомления потребителя с полным или кратким списком характеристик товара.
  4. Для возможности настроить вариации товара.
Подробнее о характеристиках мы говорили на прошлом занятии которое, называлось «Характеристики товаров в интернет-магазине» мы уже подробно рассмотрели характеристики и добавили в каталог на Тильде достаточно сложные товары — теплицы из поликарбоната. Повторите эту информацию при необходимости.

Типы характеристик

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

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

Подробнее о типах характеристиках товара мы говорили в статье «Характеристики товаров в интернет-магазине»

Вертикальный фильтр товаров

В 80% процентов случаев на десктопе лучше использовать вертикальный фильтр товаров в сайдбаре. Так поступают все крупные маркетплейсы. Так;t мы поступили мы на сайте СЕЛМАКС ГРУПП ПК посмотрите на страницу с фильтром для примера. Хотя, одно время фильтр товаров был горизонтальным и с картинками, для наглядности.

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

Подсказки в фильтре

У товаров бывают не очевидные характеристики значения которых нуждаются в пояснении. Так в фильтре товаров для СЕЛМАКС ГРУПП ПК мы добавили развернутые описания свойствам которые этого требуют.
Характеристика в фильтре товаров с подсказкой
Также, многим свойствам товаров на сайте посвящены целые статьи.

К сожалению, в конструкторе сайтов Тильда нет возможности добавить такие подсказки.

Отображение товаров после установки фильтров

В конструкторе сайтов Тильда подбор товаров по параметрам работает без перезагрузки страницы. Это удобно и является преимуществом для небольшого каталога товаров.


Также не будет проблемой отображать товары после клика по кнопке подобрать. Как это сделано на сайте СЕЛМАКС ГРУПП ПК.
Кнопка показать товары в фильтре товаров по характеристикам
Важно чтобы рядом с кнопкой "Подобрать" отображалось кол-во товаров которое соответствует выбранным характеристикам.

Также в конструкторе сайтов Тильда по умолчанию отображаются в отдельном окне выбранные в фильтре свойства. Это большой плюс, на СЕЛМАКСе это не реализовано,хотя надо бы.

ЧПУ в фильтре товаров

ЧПУ — адрес сайта который будет понятен человеку. Например, вот ссылка на настроенный фильтр по теплицам по критериям: каркас из трубы 40х20, ширина 4 метра расстояние между дугами 0.67 метра.

https://www.selmaks.by/catalog/teplitsy/filter/mejdu_dugami-is-67sm/karkas-is-оцинкованный-профиль-40х20мм/apply/

Из таких ссылок можно формировать дополнительные меню призванные ускорить навигацию.

Изменение title страницы в зависимости от настроек фильтра

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

Такого функционала нет ни в Тильде, нив битриксе, но в битриксе его можно доделать. На Тильде - нет. Без него можно обойтись, удобство эксплуатации Тильды перекрывает этот недостаток.

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

  • Для каждого раздела каталога надо создавать отдельную страницу и выводить на ней товары соответствующего раздела для корректной работы фильтров.

  • Если у вас много категорий на корневой странице каталога(https://site.ru/catalog/) выведите разделы товаров(удобную навигацию по каталогу) и хиты продаж, каталог с фильтрами не выводите.

  • Характеристики для сортировки задаются товарам.

  • Характеристики с цифровыми значениями лучше задавать с единицами измерения на конце, чтобы фильтр не выглядел пустым.

  • Внимательно отнеситесь к дублям ключей характеристик

  • Следите за единообразием значений характеристик.

  • Фильтр товаров работает без перезагрузки страницы.

  • Фильтр товаров не задаёт ЧПУ.

  • В фильтре нельзя настроить подсказки для описания характеристик.

Выводы

Фильтр товаров — обязательный атрибут современного интернет-магазин, который делает работу с каталогом намного удобнее.

  • Выбирайте нужный тип свойства(битрикс)

  • Отображайте короткие значения характеристик в два столбца

  • сделайте подсказки, которые помогут разобраться пользователям в характеристиках

  • указывайте в фильтре Какие пользователи выбрал характеристики

  • Настройте ЧПУ в фильтре

  • Настройте изменение мета-тега тайтл в зависимости от настроек фильтра товаров
Made on
Tilda