Детальная страница товара

Ключевой экран интернет-магазина. Здесь покупатель принимает решение: купить, отложить или уйти.

Что должно быть на детальной странице

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

1

Карусель Media Gallery

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

🖼
Карусель
Слайдер с горизонтальной прокруткой, часто с превью-миниатюрами.
🔍
Лайтбокс
По клику изображение открывается на весь экран поверх страницы.
🔎
Zoom-галерея
При наведении картинка увеличивается, чтобы рассмотреть детали.
2

Название и артикул

Идентификация товара — то, по чему покупатель и поисковик понимают, что это за товар.

  • Название — то, что видит и покупатель, и поисковик.
  • Артикул (или SKU — Stock Keeping Unit) — уникальный код, который магазин присваивает товару для внутреннего учёта.
3

Цена

Есть три способа показать стоимость товара, и каждый выполняет свою задачу — от простой продажи до психологического стимулирования покупки.

Обычная
Стандартная стоимость товара без каких-либо акций.
Со скидкой
Sale Price / Discounted Price
Цена, по которой товар продаётся сейчас в рамках акции, распродажи или промо.
  • Скидка создаёт ощущение срочности и выгоды.
  • Работает «эффект якоря»: мозг сравнивает 2 990 и 1 990 и воспринимает второе как «выгодное», что подталкивает к покупке.
Старая цена зачёркнута
Strikethrough Price / Compare-at Price
Перечёркнутая цена, которая показывается рядом с актуальной.
  • Визуальный контраст. Зачёркнутая цена сразу бросается в глаза и показывает «было / стало».
  • Обоснование скидки. Покупатель видит, что цена действительно снижена, а не просто написана «низкая».
  • Усиление ценности. Чем больше разрыв между старой и новой ценой, тем привлекательнее выглядит предложение.
⚠
Важно: в некоторых странах (в т.ч. в РФ) закон требует, чтобы «цена со скидкой» была реальной — то есть товар действительно продавался по ней какое-то время акции. Иначе это называется фиктивная скидка и может считаться нарушением закона о рекламе. В некоторых юрисдикциях (ЕС, РФ, США) зачёркнутая цена должна быть реальной ценой за последние 30 дней (или другой период). Если магазин завышает «старую цену» искусственно — это введение потребителя в заблуждение.
4

Вариации товара

Это конкретная версия одного и того же товара, которая отличается от других по какому-то признаку (цвет, размер, объём, комплектация). В интернет-магазине все вариации обычно собраны в одну карточку товара, а покупатель переключается между ними с помощью кнопок или выпадающих списков.

Цвет Размер Объём Комплектация
5

Характеристики

Это конкретные параметры, описывающие свойства товара: вес, цвет, материал, страна производства, технические параметры и так далее. Если название и артикул отвечают на вопрос «что это», то характеристики — на вопрос «подходит ли мне это».

6

Наличие на складе

Это блок, показывающий покупателю количество товара и возможность купить товар или заказать («В наличии», «Осталось 2 шт.», «Под заказ»). Имеет рычаг воздействия на покупателя: если отображается, что товар заканчивается, это подбивает покупателя быстрее перейти к покупке.

В наличии Осталось 2 шт. Под заказ
7

Related Products — связанные товары

Это блок рекомендаций, который показывает покупателю другие товары, похожие на тот, который он сейчас просматривает.

В разных системах логика формирования Related Products отличается, но можно выделить несколько основных типов:

Alternatives
Похожие
Товары с такими же характеристиками (та же категория, теги, бренд). Блок «You may also like».
Complementary
Сопутствующие
Дополняют основной товар (чехол к телефону, ремень к брюкам). Настраиваются вручную или алгоритмами.
Correlated
На основе поведения
Динамические рекомендации по статистике покупок других пользователей — «С этим товаром покупают».
Upsell
Апсейл
Более дорогая или продвинутая версия текущего товара, предлагаемая как замена.
Cross-sell
Кросс-сейл
Товары, предлагаемые в корзине или на checkout как дополнение к покупке.
8

Отзывы — Reviews

Это обратная связь от покупателей, которая показывает востребованность товара. Инструмент доверия, который напрямую влияет на конверсию за счёт UGC-контента (пользовательского контента) и даже на позиции в поисковых системах.

Зачем интернет-магазину ставить блок отзывов:

★
Доверие и конверсия
Покупатель видит, что товар уже купили и оценили другие. Это снижает сомнения и подталкивает к покупке.
📷
UGC-контент
Фото и видео от покупателей — бесплатный и убедительный контент, который нельзя создать силами магазина.
🔎
Позиции в поиске
Отзывы с разметкой (aggregateRating, review) показываются в Google со звёздами и количеством оценок — растёт кликабельность.
📈
Востребованность
Большое количество отзывов сигнализирует: товар популярен, его стоит рассмотреть.