Корзина WooCommerce: 8 доработок, которые поднимают выкуп

За полгода работы с интернет-магазинами на WooCommerce я вижу одну и ту же картину: трафик есть, товар в корзину кладут охотно, а до оплаты доходит один покупатель из четырёх-пяти. Корзина WooCommerce из коробки работает нормально, но не продаёт: она просто хранит список товаров и отправляет человека на отдельную страницу оформления, где он остывает, отвлекается на звонок или пугается лишних полей формы. Ниже восемь доработок, которые я делал клиентам на действующих магазинах и которые реально поднимают процент выкупа, без смены темы и без переезда на другую CMS.

Почему корзина WooCommerce теряет заказы

Смотрю логи Google Analytics и Яндекс Метрики на десятке проектов и вижу одинаковые точки провала. Покупатель кладёт товар, страница перезагружается, он теряет место на экране и закрывает вкладку. Или доходит до чекаута и видит поле «название компании» и обязательный ИНН, хотя покупает утюг для дома. Или не понимает, сколько будет стоить доставка, пока не введёт адрес и не нажмёт кнопку оформления, и уходит сравнивать цену с конкурентом. По отдельности каждая мелочь теряет 3-5% заказов, а вместе они срезают выкуп в два-три раза от того, что магазин мог бы получать с того же трафика.

• Перезагрузка страницы при каждом действии в корзине
• Нет расчёта доставки и стоимости до перехода на чекаут
• Обязательные поля, которые не нужны для конкретного заказа
• Не видно способов оплаты, пока не откроешь чекаут
• Корзина не адаптирована под телефон, кнопка оформления теряется при скролле
• Брошенная корзина исчезает бесследно, магазин не пытается вернуть покупателя

AJAX-обновление и мини-корзина без перезагрузки

Первое, что убираю на любом проекте, это перезагрузку страницы при добавлении товара. WooCommerce поддерживает AJAX из коробки через хук woocommerce_add_to_cart_fragments, но у половины тем на рынке эта возможность не подключена или работает только на странице каталога, а на странице товара кнопка всё равно перезагружает документ. Дорабатываю так, чтобы количество и сумма в иконке корзины в шапке обновлялись мгновенно, а рядом выпадала мини-корзина с превью товаров и кнопкой перехода к оформлению.

На магазине бытовой техники, где я это внедрял в 2025 году, отказ со страницы товара после клика «в корзину» упал почти вдвое: раньше человек ждал перезагрузку и часть людей просто закрывала вкладку, решив, что клик не сработал. Дорабатываю такие сценарии как часть разработки и доработки сайтов на WordPress, обычно без замены темы, только хуками и отдельным js-файлом в дочерней теме.

add_filter( 'woocommerce_add_to_cart_fragments', 'kd_cart_count_fragment' );
function kd_cart_count_fragment( $fragments ) {
    ob_start();
    $count = WC()->cart->get_cart_contents_count();
    ?>
    <span class="kd-cart-count"><?php echo esc_html( $count ); ?></span>
    <?php
    $fragments['.kd-cart-count'] = ob_get_clean();
    return $fragments;
}

Прогресс бесплатной доставки и расчёт СДЭК прямо в корзине

Второй приём почти всегда окупается за первый месяц. Ставлю на странице корзины полоску прогресса до бесплатной доставки: «до бесплатной доставки осталось 850 ₽» с наглядным индикатором. Хук woocommerce_before_cart_table позволяет вывести такой блок без плагинов, на чистом PHP, и он обычно поднимает средний чек на 8-15%, потому что люди докладывают в корзину ещё один товар, чтобы не платить за доставку.

Рядом с этим ставлю расчёт доставки СДЭК прямо на странице корзины, а не только на чекауте. Официальный плагин СДЭК считает стоимость и сроки по индексу или адресу, но по умолчанию виджет расчёта показывается только после перехода к оформлению. Переношу его блок выше, на саму корзину, через хук woocommerce_cart_collaterals, и покупатель видит итоговую сумму заказа с доставкой ещё до того, как начнёт заполнять форму. Это снимает главный страх: «сейчас введу все данные, а доставка окажется втрое дороже товара».

Допродажи и доверие к оплате на чекауте

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

Второй момент про доверие: покупатель должен видеть способы оплаты раньше, чем дойдёт до последнего экрана. Вывожу логотипы приёма карт и оплаты через Т‑Банк эквайринг прямо в корзине, рядом с кнопкой «Оформить заказ», а не прячу их в футере. Для магазинов с высоким средним чеком добавляю рассрочку через Т‑Банк как отдельный способ оплаты в списке методов WooCommerce, это отдельная интеграция через готовый платёжный шлюз, а не самописный код.

Упрощённый чекаут, мобильная версия и брошенные корзины

На чекауте убираю поля, которые магазину не нужны для конкретной ниши: обязательное отчество, поле «компания» для розничных покупателей, повторный ввод email для подтверждения. Каждое лишнее обязательное поле в форме WooCommerce Checkout Field Editor или в коде через woocommerce_checkout_fields снижает конверсию на доли процента, но вместе они дают заметную разницу. Отдельно включаю оформление без обязательной регистрации: гостевой заказ сохраняет тех, кто готов купить сейчас, но не готов заводить пароль ради одной покупки.

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

@media (max-width: 768px) {
  .wc-proceed-to-checkout {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 12px 16px;
    box-shadow: 0 -2px 12px rgba(0,0,0,.08);
    z-index: 999;
  }
}

Последний пункт про брошенные корзины. WooCommerce сам по себе не помнит, что человек ушёл с товаром в корзине, если не залогинен. Настраиваю сохранение содержимого корзины по cookie и связку с рассылкой: через час бездействия триггерится письмо с напоминанием, а для магазинов, которые ведут клиентов в Telegram, собираю цепочку через n8n, которая ловит событие через вебхук WooCommerce и отправляет менеджеру или боту уведомление о незавершённом заказе с суммой и составом корзины. На одном магазине косметики такая цепочка возвращала в оплату каждый шестой брошенный заказ.

Частые вопросы

Сколько стоит доработка корзины WooCommerce?

Разовая доработка вроде мини-корзины, прогресс-бара доставки или sticky-кнопки на мобильном обычно укладывается в рамки техподдержки от 15 000 ₽ в месяц, если делать пункты по одному. Комплексный пересмотр корзины и чекаута из нескольких пунктов сразу веду как отдельный проект на WordPress от 60 000 ₽, в зависимости от того, сколько интеграций затрагивает (СДЭК, эквайринг, рассрочка).

Нужно ли менять тему сайта для этих доработок?

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

Как понять, сколько покупателей бросает корзину?

Смотрю отчёт WooCommerce Analytics по воронке «просмотр товара, добавление в корзину, оформление, оплата» или ставлю цели в Метрике на каждый шаг чекаута. Если между добавлением в корзину и переходом на чекаут теряется больше половины покупателей, в первую очередь проверяю скорость загрузки корзины и наличие AJAX-обновления, это самая частая причина.

Совместимы ли такие доработки с приёмом оплаты через Т‑Банк?

Да, доработки корзины не трогают логику самого платёжного шлюза, они только меняют, что покупатель видит до момента оплаты. Т‑Банк эквайринг и рассрочка подключаются как обычный способ оплаты WooCommerce, и я обычно вывожу его логотип в корзине отдельным блоком, чтобы покупатель видел знакомый способ оплаты заранее, а не только на последнем экране.