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

Расположение

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

Отметим, что «прятать» фильтры ни в каком случае не стоит, иначе покупатель вовсе ими не воспользуется, так как не заметит.

Пример размещения категорий товаров в боковом меню.

Основные элементы

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

Категории товаров

Да, еще встречаются случаи, когда онлайн-магазины этим пренебрегают. Тем временем, категории товаров стоит поделить по их типу, назначению и/или бренду. И разместить их в начале блока с фильтром.

Новинки и/или акции

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

Наличие товара

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

Ниже приведем пример каталога, в котором легко найти товары из новой коллекции, по лучшей цене, а также, в котором отображается количество подходящих товаров.

Выбор диапазона цен

У всех есть свой бюджет. Кто-то готов потратить на платье 15 тысяч и даже 50. А кто-то ограничен в пределах 1−2 тысяч. Поэтому фильтр, который помогает отсеять слишком дорогие или дешевые товары, не будет лишним.

Кнопка сброса фильтров

Кнопка запуска фильтрации не является обязательным элементом. При условии, что у вас автоматически обновляется список товаров. А вот сброс фильтров пригодится. Вдруг покупатель передумает и решит настроить поиск по-другому?

При наличии обоих кнопок — и запуска, и сброса — не размещайте их рядом. Иначе клиенты будут часто тыкать не туда. Лучше всего расположить список выбранных фильтров и кнопку сброса перед перечнем товаров.

Рекомендации по организации

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

  • Пустые категории. Если у вас есть категории, в которых временно нет подходящих товаров, сделайте так, чтобы они не отображались. Не усложняйте поиск.
  • Выбранные фильтры не выделяются. Помогите покупателю, пусть он четко видит, что выбрал. Так ему легче будет понять, какие фильтры нужно изменить, чтобы получить иной результат. При этом выбранные фильтры стоит выделить в боковом меню, а заодно продублировать перед перечнем товаров.
  • Длинный список фильтров. Сворачивайте дополнительные параметры, чтобы не мешали. Ведь цель фильтра категории товаров — сузить поиск, поэтому ориентируйтесь только на важные характеристики. Вверху списка отобразите самые важные категории: тип товара, бренд, цена, прочие параметры разместите после них.
  • Непонятные категории. Перед настройкой фильтров, изучите статистику запросов клиентов с помощью Яндекс. Метрики или Google Analytics. Так вы поймете, какие категории будут нужны. И не забывайте давать на сайте пояснения для сложных терминов или характеристик товара.
  • Дублирование фильтров. Дубли или слишком похожие друг на друга фильтры только собьют покупателя с толку. Это вам не на руку.

Главное, всегда проверяйте, чтобы все фильтры были рабочими. И позаботьтесь о том, чтобы список товаров быстро загружался. Иначе пользователь покинет ваш сайт.

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

Сортировка товаров

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

  • По цене — вы ведь тоже ищете любую покупку, исходя из количества деньжат на карте?
  • По популярности — поможет покупателю понять, что сейчас модно. А еще пригодится тем, кто не очень знает, что лучше выбрать в этой категории товаров. Чаще всего они ориентируются по списку популярных у других пользователей товаров. Сам показатель можно отслеживать по количеству заказов или отзывов.
  • По названию (или алфавиту) — удобен в случае, когда нужно «сгруппировать» внутри списка товаров позиции от разных брендов.

В дополнение

Предлагаем обратить внимание и на следующие опции.

  1. Список товаров по умолчанию. Если разместить его на виду, то, возможно, клиенту не понадобятся фильтры и опция сортировки товаров. Он найдет то, что ему нужно среди списка популярных товаров или новинок.
  2. Количество найденных товаров. Пусть перед блоком товаров отображается общее число найденных в результате поиска наименований. Так покупатель поймет, нужно ли ему сузить или расширить параметры фильтрации.
  3. Автоматическая подгрузка списка товаров. В идеале она должна облегчать просмотр списка товаров, но зачастую усложняет навигацию и затрудняет доступ к подвалу сайта. Поэтому используйте деление на страницы (пагинацию).

Советуем также добавить выбор числа отображаемых позиций на странице, в том числе кнопку «Показать все».

Подведем итог

Эти советы по организации фильтрации и сортировки товаров помогут вам создать удобный каталог товаров. Тем самым вы расположите к себе клиентов и облегчите им выбор. Желаем бесконечного роста числа заказов!