Страница товара WooCommerce: что добавить к стандартной

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

Чего не хватает стандартной карточке товара в WooCommerce

Из коробки WooCommerce отдаёт название, галерею, цену, короткое описание, вкладки с характеристиками и кнопку «В корзину». Для каталога на 50-100 позиций этого хватит на старте, но покупатель на этапе решения задаёт три вопроса, на которые стандартная карточка не отвечает: когда приедет заказ, сколько будет стоить доставка в его город и можно ли доверять магазину. Пока эти вопросы висят без ответа, часть трафика уходит смотреть тот же товар у конкурента, где калькулятор доставки уже встроен в карточку.
Вторая проблема - карточка никак не подталкивает к увеличению чека. Стандартные related products в WooCommerce берут товары той же категории почти случайно, без логики «купи вместе» или «посмотри дороже». Третья беда - скорость: тема с десятком неоптимизированных плагинов легко тянет загрузку карточки за 3-4 секунды, а на мобильном трафике это прямая потеря заказов.

Доверие и социальные доказательства на странице товара

Первое, что я добавляю почти в любой проект - блок отзывов с возможностью прикрепить фото. Стандартные отзывы WooCommerce текстовые и висят внизу страницы, до них долистывают единицы. Я переношу количество отзывов и средний рейтинг ближе к кнопке покупки, а фотографии от покупателей выношу отдельной галереей под описанием - для одежды и техники это заметно снижает число возвратов, потому что человек видит товар не только в студийной съёмке.
Второй блок - остатки и счётчик просмотров или покупок за последние дни. WooCommerce хранит остаток в поле stock quantity и умеет показывать его сам: формат отображения запаса включается в настройках товаров, а за вывод отвечает штатный шаблон single-product/stock.php. Доработка нужна не ради самой цифры, а когда остаток надо поднять выше по странице, оформить его иначе или добавить счётчик просмотров, которого в коробке нет. Третье - гарантии и условия возврата в виде иконок рядом с ценой, а не спрятанные в статичной странице «Доставка и оплата», до которой никто не доходит.

Доставка и оплата в карточке товара интернет-магазина

Калькулятор доставки на самой карточке, без перехода в корзину, поднимает конверсию заметнее остальных блоков. Для СДЭК я обычно ставлю плагин, который считает стоимость и срок по индексу или названию города через API СДЭК прямо на странице товара, до добавления в корзину. Это отдельная доработка темы, потому что готовые модули СДЭК из коробки работают только на этапе оформления заказа, а не в карточке.
С оплатой похожая история: плагин T‑Bank для WooCommerce настраивает приём карт и рассрочку на checkout, но иконки способов оплаты и подсказку «оплата картой или через СБП» я вывожу рядом с кнопкой «Купить» отдельным блоком, чтобы снять вопрос ещё до перехода в корзину. Комиссия эквайринга зависит от тарифа банка, а не от того, что стоит у вас: WooCommerce или другая платформа, на рынке она обычно в районе 1,5-2,7% и обсуждается отдельно с банком при подключении.
Если нужна доработка карточки под конкретную логистику или нестандартную схему оплаты, такие модули я собираю под задачу на WordPress - готового плагина под каждую комбинацию служб доставки и банков не существует.

Апсейл и кросс-продажи на странице товара WooCommerce

Блок «похожие товары» в WooCommerce строится по категории и почти не учитывает цену или маржинальность. Я обычно заменяю его на два отдельных блока: «с этим товаром покупают» - сопутствующие позиции, заданные вручную через связанные товары в настройках карточки, и «может понравиться» - более дорогой аналог той же категории, отобранный по атрибутам через ACF или таксономию.
Для магазинов с десятками похожих SKU (размеры, цвета, комплектации) хорошо работает переключатель вариаций прямо в галерее, без ухода на отдельную карточку - меняется фото, цена и остаток по вариации через AJAX, без перезагрузки страницы. Ещё один рабочий приём - количественная скидка: «от 3 штук - минус 10%» с расчётом прямо в блоке цены, это увеличивает средний чек без скидочных купонов, которые бьют по марже сильнее.
Отдельно ставлю уведомления о заказе в Telegram через бота на aiogram - менеджер видит новый заказ с суммой и товарами сразу, а не через час после проверки почты. Для синхронизации остатков и статусов заказов между WooCommerce и CRM использую сценарии в n8n: вебхук из WooCommerce дергает сценарий, который обновляет карточку клиента и статус заказа без ручной работы.

Скорость, SEO и мобильная версия карточки товара

Структурированные данные и позиции в поиске

Схема Product с ценой, наличием и рейтингом на карточке товара - обязательный элемент для расширенных сниппетов в поиске: цена и звёзды прямо в выдаче повышают CTR заметнее любых правок текста. Плагины вроде Rank Math добавляют базовую разметку, но поля вроде срока доставки или условий возврата приходится прописывать вручную через хуки, иначе Google их не подхватит.

Загрузка изображений и sticky-кнопка

Галерея с 6-8 фото в оригинальном разрешении - частая причина, почему карточка на мобильном грузится дольше трёх секунд. Я перевожу изображения в WebP, включаю ленивую загрузку для всех фото, кроме первого, и убираю лишние скрипты тем, которые тянут jQuery UI ради одного слайдера. Отдельно добавляю плавающую кнопку «В корзину», которая остаётся видимой при прокрутке страницы вниз - на телефоне это сокращает путь до покупки на несколько экранов.

Сколько стоит доработка страницы товара WooCommerce

Цена всегда зависит от того, сколько плагинов уже стоит в магазине и насколько кастомная тема - иногда проще переписать шаблон single-product.php, чем разбираться с конфликтом трёх плагинов доставки одновременно.

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

Сколько стоит доработать страницу товара в WooCommerce?

Зависит от количества блоков и состояния текущей темы. Точечная доработка вроде блока отзывов с фото или счётчика остатков обходится дешевле, чем комплексная переделка с калькулятором доставки и апсейлом, поэтому я обычно начинаю с аудита и оцениваю фронт работ по факту.

Нужен ли отдельный плагин для интеграции СДЭК и T‑Bank?

Базовые модули СДЭК и T‑Bank закрывают этап оформления заказа, но чтобы показать стоимость доставки и способы оплаты прямо на карточке товара, до перехода в корзину, обычно нужна доработка темы поверх готовых плагинов.

Можно ли добавить блок «с этим товаром покупают» без сложной разработки?

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

Как ускорить карточку товара, если она долго грузится из-за фото?

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