Каталог без кнопки покупки: ошибка, которая стоит денег

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

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

В мобильной версии проблема усиливается: длинные списки без возможности мгновенно добавить позицию превращают выбор в рутину. Скрытые действия не компенсируют отсутствие понятной кнопки.

Когда критично, а когда нет

Критично:

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

Не критично:

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

Что об этом говорят другие пользователи

Когда просматриваете список товаров, в какой момент ожидаете увидеть кнопку «Купить»/«В корзину»? Что делаете, если её нет в карточке, и как это влияет на ваше решение продолжать покупку?

Бесполезные ответы

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

Полезные ответы

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

Решение проблемы

• Сделать первичное действие видимым. Разместить кнопку «Купить»/«В корзину» в карточке рядом с ценой. Размер и контраст — как у главного призыва, один первичный акцент на карточку.
• Разделить простые и вариативные товары. Для простых — мгновенное добавление. Для вариативных — компактный выбор (размер, цвет) прямо в карточке или «Быстрый выбор» с модальным окном без перехода.
• Показать состояние и наличие. Если товара нет — метка «Нет в наличии» и отключенная кнопка. Если мало — «Осталось N». Это снижает лишние клики и разочарование.
• Дать контроль количества. Плюс/минус или поле ввода появляется после первого добавления, с четким откликом «Добавлено». Предусмотреть отмену и изменение.
• Оптимизировать для мобильных. Кнопка на первом экране карточки. Крупная зона касания. После добавления — мини-панель с доступом к корзине, не перекрывающая контент.
• Упростить тексты. «В корзину» для добавления, «Купить» для оформления заказа. Не смешивать действия. Не прятать их под иконки без подписи.
• Сохранить скорость. Локальный отклик без перезагрузки страницы, устойчивость при медленном интернете. Четкие ошибки при недоступности.
• Настроить аналитику. Отслеживать клики по кнопке, добавления, отказы, время до первого добавления. Сравнивать листинг и карточку товара.
• Соблюдать доступность. Тексты для скринридеров, контраст, фокус, управление с клавиатуры.

Гипотезы для роста конверсии

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