Карточка без CTA: невидимая причина падения продаж

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

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

Когда проблема критична, а когда нет

Критична:

• Интернет-магазины с прямой покупкой: электроника, мода, товары повседневного спроса, детские товары, маркетплейсы.
• Мобильный трафик и платные переходы на карточку товара, когда «купить» — главный ожидаемый шаг.
• Ограниченные по времени акции, распродажи, покупка «на сейчас» (доставка еды, билеты, подписки).
• Одностраничные продажи, лендинги продукта, где нет альтернативного пути конверсии.

Не критична или мало влияет:

• Каталоги с внешней покупкой («Где купить», переход в магазины партнёров).
• B2B с запросом счёта, кастомной комплектацией или ценой по запросу, где целевое действие — заявка.
• Предзаказы и товары вне наличия, если основное действие — «Сообщить о поступлении» или «Оставить контакт».
• Контентные и справочные проекты, где карточка товара — информационная, без задачи немедленной покупки.

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

Где вы ожидаете увидеть кнопку «Купить» на этой странице, как ищете её, в какой момент прекращаете попытки и что делаете дальше?

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

• Наверное, так и должно быть.
• Не обратил внимания, ушёл на другой сайт.
• В целом всё нормально, просто не купил.
• Трудно сказать, не разбираюсь.
• Раздражает, но это не критично.

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

• Ищу кнопку под ценой и названием, но её нет; пролистываю ниже, нахожу только отзывы и характеристики, возвращаюсь назад.
• На телефоне кнопку перекрывает плавающий баннер; вижу цену, но действия нет, дважды тапнул по цене, думал, это ведёт к покупке.
• Кнопка появляется только после выбора размера, но интерфейс не подсказывает, почему она недоступна; заметно только после нескольких попыток.
• Есть «Избранное» и «Сравнить», они крупнее, чем «Купить»; взгляд уходит на них, теряю основной путь к покупке.
• При медленной загрузке страницы кнопка появляется через несколько секунд; в этот момент уже ухожу.

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

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

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

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