Turboshop

Фільтри з лічильниками товарів: покупець бачить, скільки знайде

Фільтри з лічильниками товарів: покупець бачить, скільки знайде

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

Фільтр у каталозі — це місце, де покупець або знаходить свій товар, або йде до конкурента. У Turboshop фільтри стали інформативними: усі групи одразу розгорнуті, а біля кожного значення стоїть число — скільки товарів покупець отримає, якщо його вибере. Жодних кліків навмання й жодних порожніх видач. Розбираємо, як це працює, звідки беруться значення й що це дає магазину.

Що змінилося у фільтрах

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

Тепер сайдбар каталогу виглядає інакше:

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

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

Лічильник біля значення — не «скільки взагалі товарів такого кольору в магазині». Це скільки товарів покупець побачить саме зараз, з урахуванням усіх умов, які вже діють: обраної категорії, пошукового запиту, інших активних фільтрів, бренду, наявності та діапазону ціни.

Такий підхід називають фасетним, і в ньому є один тонкий, але критично важливий момент: значення всередині однієї групи не «вбивають» одне одного. Якщо покупець обрав червоний колір, сусідні кольори не обнуляються — вони показують, скільки товарів буде, якщо додати ще й їх. Логіка всередині групи — «або/або»: червоні або сині. А ось групи між собою працюють як «і»: обраний колір одразу перераховує значення в «Розмірі» й «Матеріалі», бо це вже інша умова.

Обраний фільтр «Червоний (3)» у каталозі Turboshop: у видачі рівно три товари, сусідні кольори зберігають свої лічильники
Обрано «Червоний (3)» — у видачі рівно три товари; сусідні значення групи зберегли свої числа, тож фільтр можна розширити, а не починати спочатку

Ще одна деталь, яку легко не помітити, але яка ламає довіру, коли зроблена неправильно: товар із варіантами рахується як одна картка. Якщо у футболки п'ять розмірів, покупець побачить у видачі одну позицію — і лічильник покаже саме одну, а не п'ять. Число біля фільтра завжди дорівнює тому, що покупець реально побачить у каталозі.

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

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

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

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

Дві групи фільтрів у каталозі одягу: «Колір» і «Розмір» із кількістю товарів
Кілька груп одночасно: обране в «Кольорі» відразу перераховує числа в «Розмірі»

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

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

Мобільна панель «Всі фільтри» в Turboshop із групами «Колір» і «Розмір» та лічильниками
Мобільна панель «Всі фільтри»: ті самі групи й лічильники, що й на десктопі

Чим це корисно магазину

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

Приклади по нішах

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

Що потрібно налаштувати

Нічого. Лічильники з'являються самі — достатньо, щоб у товарів були заповнені характеристики або реквізити з прапорцем «Фільтр». Кількість перераховується автоматично, коли ви редагуєте товар, змінюєте ціни або заливаєте новий прайс: після імпорту покупець побачить актуальні числа, а не вчорашні.

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

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

Часті питання

Чи означає число «скільки всього таких товарів у магазині»? Ні. Це кількість товарів у поточній вибірці: з урахуванням категорії, пошуку, інших фільтрів, бренду, наявності та ціни.

Чому після вибору значення сусідні числа в тій самій групі не змінилися? Так і має бути: всередині групи фільтр працює як «або», тож сусідні значення показують, скільки товарів додасться, якщо обрати і їх.

Чому зникло значення, яке було вчора? Значення без товарів у поточній вибірці не показуються — щоб не було кліків у порожнечу. Щойно з'явиться товар, значення повернеться.

Як рахуються товари з варіантами? Як одна картка каталогу: варіанти одного товару не роздувають лічильник.

Чи можна фільтрувати за власними полями товару? Так — увімкніть прапорець «Фільтр» у потрібного додаткового реквізита, і він стане групою фільтрів.

Чи не сповільнить це каталог? Ні: усі лічильники рахуються одним запитом і кешуються, а після зміни товарів чи цін кеш оновлюється сам.

Підсумок

Фільтри з лічильниками — це маленька зміна в інтерфейсі з великим ефектом для конверсії: покупець бачить результат до кліку, не потрапляє на порожні сторінки й швидше доходить до товару. Разом із оновленою навігацією каталогу фільтри складаються в один зрозумілий сценарій пошуку товару. Усе працює одразу після оновлення платформи, без налаштувань і без розробника. Інші можливості платформи — у рубриці «Можливості», а перевірити фільтри на власному асортименті найпростіше на своєму магазині.

Створити магазин безкоштовно

Нові статті — на email

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

Тарифи 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
  • Типи цін (роздріб / опт / дилер)
  • Типи користувачів

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

Залиште контакти — менеджер зв'яжеться та підкаже найкраще рішення для вашого бізнесу.