Не выводится стоимость заказа рядом с иконкой корзины

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

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

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

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

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

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

Критично:

• Интернет‑магазины с несколькими товарами в чеке: супермаркеты, маркетплейсы, аптеки, зоотовары, детские, fashion, DIY.
• Сайты с акциями, порогами бесплатной доставки, динамической доставкой/налогами.
• Трафик с мобильных, особенно >60%.
• Новые пользователи и аудитории с чувствительностью к цене.
• Мультивалютные магазины, кроссбордер.

Не критично:

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

Открытый вопрос для UX‑проверки

Как пользователи контролируют текущие расходы во время выбора товаров, когда рядом с иконкой корзины сумма не показана, и какие шаги предпринимают, чтобы увидеть цену?

Возможное решение

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

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

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