Turboshop

Фильтры со счётчиками товаров: покупатель видит, сколько найдёт

Фильтры со счётчиками товаров: покупатель видит, сколько найдёт

Фильтры в каталоге Turboshop показывают количество товаров рядом с каждым значением и сразу развёрнуты. Покупатель видит результат ещё до клика, а пустых выдач «ничего не найдено» больше нет.

Фильтр в каталоге — это место, где покупатель либо находит свой товар, либо уходит к конкуренту. В Turboshop фильтры стали информативными: все группы сразу развёрнуты, а рядом с каждым значением стоит число — сколько товаров покупатель получит, если его выберет. Никаких кликов наугад и никаких пустых выдач. Разбираем, как это работает, откуда берутся значения и что это даёт магазину.

Что изменилось в фильтрах

Раньше фильтры были свёрнутым «аккордеоном»: чтобы увидеть, есть ли в каталоге нужный цвет или размер, покупателю приходилось раскрывать каждую группу отдельно. Количество товаров нигде не показывалось, поэтому клик нередко заканчивался выдачей из одного товара — или вообще пустой страницей.

Теперь сайдбар каталога выглядит иначе:

  • группы фильтров сразу развёрнуты — «Цвет», «Размер», «Материал» видны без единого клика;
  • рядом с каждым значением стоит количество товаров — «Красный (3)», «XL (1)»;
  • если значений много, список аккуратно сокращается кнопкой «Показать ещё N» — сайдбар не растягивается на три экрана;
  • значения без товаров не показываются вовсе, а группа, в которой не осталось ни одного непустого значения, исчезает целиком.
Сайдбар каталога Turboshop: развёрнутая группа фильтров «Цвет» с количеством товаров рядом с каждым значением
Группа «Цвет» сразу развёрнута, рядом с каждым значением — количество товаров, длинный список прячется за «Показать ещё»

Главное: число показывает реальный результат клика

Счётчик рядом со значением — не «сколько вообще товаров такого цвета в магазине». Это сколько товаров покупатель увидит именно сейчас, с учётом всех действующих условий: выбранной категории, поискового запроса, других активных фильтров, бренда, наличия и диапазона цены.

Такой подход называют фасетным, и в нём есть один тонкий, но критически важный момент: значения внутри одной группы не «убивают» друг друга. Если покупатель выбрал красный цвет, соседние цвета не обнуляются — они показывают, сколько товаров будет, если добавить и их. Логика внутри группы — «или/или»: красные или синие. А вот группы между собой работают как «и»: выбранный цвет сразу пересчитывает значения в «Размере» и «Материале», потому что это уже другое условие.

Выбранный фильтр «Красный (3)» в каталоге Turboshop: в выдаче ровно три товара, соседние цвета сохраняют свои счётчики
Выбрано «Красный (3)» — в выдаче ровно три товара; соседние значения группы сохранили свои числа, поэтому фильтр можно расширить, а не начинать заново

Ещё одна деталь, которую легко не заметить, но которая ломает доверие, когда сделана неправильно: товар с вариантами считается как одна карточка. Если у футболки пять размеров, покупатель увидит в выдаче одну позицию — и счётчик покажет именно одну, а не пять. Число рядом с фильтром всегда равно тому, что покупатель реально увидит в каталоге.

Откуда берутся значения фильтров

Группы фильтров формируются из характеристик товаров, которые вы заводите в админке, и привязываются к товарам вручную или импортом. Отдельно работают дополнительные реквизиты — собственные поля товара: если у реквизита включён флажок «Фильтр», он тоже становится группой фильтров в каталоге, причём контрол подбирается по типу поля:

  • справочник (например, «Тип подошвы») — чекбоксы со значениями;
  • да/нет (например, «Гипоаллергенный») — переключатель;
  • число (например, «Длина, см») — диапазон «от и до».

То есть ассортимент можно фильтровать по тем параметрам, которые важны именно в вашей нише, — без разработчика и без правок темы.

Две группы фильтров в каталоге одежды: «Цвет» и «Размер» с количеством товаров
Несколько групп одновременно: выбранное в «Цвете» сразу пересчитывает числа в «Размере»

На телефоне — то же самое

Большинство покупателей приходит с мобильного, поэтому фильтры на телефоне не упрощены. Кнопка «Фильтры» открывает панель «Все фильтры» с теми же развёрнутыми группами и теми же числами рядом со значениями. Покупатель видит количество ещё до того, как применит фильтр и закроет панель, — то есть не тратит лишних касаний на пустой результат.

Мобильная панель «Все фильтры» в Turboshop с группами «Цвет» и «Размер» и счётчиками
Мобильная панель «Все фильтры»: те же группы и счётчики, что и на десктопе

Чем это полезно магазину

  • меньше отказов. Пустая выдача «Товары не найдены» — одна из самых частых причин, почему покупатель закрывает вкладку. Значений, ведущих в никуда, в фильтре просто нет;
  • быстрее путь к товару. Число подсказывает, когда выборку стоит сузить ещё, а когда уже достаточно: «Красный (3)» — можно смотреть, «Красный (120)» — стоит добавить размер;
  • видна структура ассортимента. Развёрнутые группы — это фактически витрина ваших возможностей: покупатель сразу видит, что у вас 8 цветов и 5 размеров, даже если искал что-то одно;
  • честность вместо разочарования. Покупатель никогда не кликает в «пусто» — а это именно тот момент, после которого магазину перестают верить;
  • подсказка для закупок. Глядя на счётчики, вы сами видите перекосы: одного цвета 40 позиций, другого — ни одной.

Примеры по нишам

  • Одежда и обувь. Размер и цвет — главные фильтры. Покупатель сразу видит, сколько моделей есть в его размере, и не перебирает карточки вручную;
  • Автозапчасти и комплектующие. Группы по производителю, типу и совместимости: числа спасают от длинных списков, в которых 90 % значений пустые;
  • Стройматериалы. Числовые реквизиты — толщина, длина, вес — работают как диапазон «от и до», а остальные фильтры показывают, сколько позиций останется;
  • Мебель и декор. Материал и цвет со счётчиками помогают подобрать комплект, не открывая каждый товар;
  • Дропшиппинг с большим каталогом. Когда позиций десятки тысяч, фильтр с числами — единственный удобный способ дойти от «всего» до нужной полки.

Что нужно настроить

Ничего. Счётчики появляются сами — достаточно, чтобы у товаров были заполнены характеристики или реквизиты с флажком «Фильтр». Количество пересчитывается автоматически, когда вы редактируете товар, меняете цены или заливаете новый прайс: после импорта покупатель увидит актуальные числа, а не вчерашние.

Порог, после которого длинный список прячется за «Показать ещё», задаётся настройкой каталога — по умолчанию это восемь значений в группе. Остальное — работа платформы: числа считаются одним запросом и кешируются, поэтому фильтры остаются быстрыми даже на каталогах в сотни тысяч товаров.

Раскрытый полный список значений фильтра после клика на «Показать ещё»
Кнопка «Показать ещё» раскрывает остальные значения — по умолчанию сайдбар остаётся компактным

Частые вопросы

Означает ли число «сколько всего таких товаров в магазине»? Нет. Это количество товаров в текущей выборке: с учётом категории, поиска, других фильтров, бренда, наличия и цены.

Почему после выбора значения соседние числа в той же группе не изменились? Так и должно быть: внутри группы фильтр работает как «или», поэтому соседние значения показывают, сколько товаров добавится, если выбрать и их.

Почему исчезло значение, которое было вчера? Значения без товаров в текущей выборке не показываются — чтобы не было кликов в пустоту. Как только появится товар, значение вернётся.

Как считаются товары с вариантами? Как одна карточка каталога: варианты одного товара не раздувают счётчик.

Можно ли фильтровать по собственным полям товара? Да — включите флажок «Фильтр» у нужного дополнительного реквизита, и он станет группой фильтров.

Не замедлит ли это каталог? Нет: все счётчики считаются одним запросом и кешируются, а после изменения товаров или цен кеш обновляется сам.

Итог

Фильтры со счётчиками — это маленькое изменение в интерфейсе с большим эффектом для конверсии: покупатель видит результат до клика, не попадает на пустые страницы и быстрее доходит до товара. Вместе с обновлённой навигацией каталога фильтры складываются в один понятный сценарий поиска товара. Всё работает сразу после обновления платформы, без настроек и без разработчика. Другие возможности платформы — в рубрике «Возможности», а проверить фильтры на собственном ассортименте проще всего в своём магазине.

Создать магазин бесплатно

Новые статьи — на почту

Пишем нечасто: письмо выходит, когда появляются новые материалы о запуске и развитии интернет-магазина. Без спама, отписаться можно из любого письма.

Тарифы Turboshop

Выберите пакет под объём каталога — комиссия с продаж 0%. Полное сравнение пакетов — на странице цен.

Plus

Для магазинов, выросших из старта: больше товаров, фильтры и модификации, каталог в Facebook и Instagram.

416 UAH / мес
при оплате за год (4 992 UAH)
  • Количество товаров: до 1 500 товаров
  • Дисковое пространство: 5 ГБ
  • Фильтры и характеристики
  • Модификации товаров
  • Facebook и Instagram

Pro

Для больших магазинов: API и вебхуки, складской учёт TurboSklad, продвинутое SEO и мониторинг сайта 24/7.

1728 UAH / мес
или 1469 UAH/мес при оплате за год — 17 628 UAH за год, экономия 15%
3 мес — 1642 UAH (−5%) 6 мес — 1555 UAH (−10%)

Все возможности пакета Standart, плюс:

  • Количество товаров: без ограничений
  • Дисковое пространство: 50 ГБ
  • API и Webhooks
  • Учёт с TurboSklad
  • Программа лояльности
  • Посадочные страницы из фильтров
  • Мониторинг сайта 24/7
  • Типы цен (розница / опт / дилер)
  • Типы пользователей

Поможем запустить ваш магазин

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