Карточка как посадочная страница: другой взгляд на знакомый формат
Большинство магазинов подходят к карточке как к форме: есть поля — название, описание, характеристики, фото, цена — их надо заполнить. Заполнили — готово.
Но посетитель не читает карточку как форму. Он приходит с вопросом: «Подойдёт ли это мне?» И пока не получит ответ, он не купит. Его вопрос складывается из нескольких слоёв: а тот ли это товар, который я ищу? Можно ли этому магазину доверять? Получу ли я его быстро и без проблем?
Карточку нужно выстраивать как аргумент. Структура лендинга — оффер, аргументы, доверие, действие — работает и здесь: в статье «Структура лендинга: что ставить на первый экран» разбирали эту логику подробно; для карточки товара принцип тот же.
Фотографии: сколько нужно и какие
Фото — главный инструмент карточки. Покупатель не может потрогать товар, и изображение должно это компенсировать. Главная ошибка — одна студийная фотография на белом фоне.
Какие ракурсы нужны
Базовый набор для большинства товаров:
- Общий вид — товар целиком, на нейтральном фоне. Первая фотография в галерее.
- Детали и фактура — крупный план материала, швов, застёжек, экрана, текстуры. Покупатель оценивает качество именно по деталям.
- В использовании — товар в контексте: одежда на человеке, мебель в интерьере, гаджет в руках. Это помогает оценить масштаб и представить товар в своей жизни.
- Разные ракурсы — сзади, сбоку, снизу, если там есть что показать.
- Упаковка — особенно важна, если товар покупают в подарок.
Для технически сложных товаров — электроники, инструментов, мебели с механизмами — добавляйте инфографику: схему с подписями размеров, стрелочками к разъёмам или объяснением механизма. Слова «двухуровневая система хранения» работают хуже, чем схема, на которой видно, что именно куда кладут.
Видео: когда добавляет, а когда не нужно
Видео оправдано, когда товар нужно показать в движении: мебель со складным механизмом, одежда с необычным кроем, гаджет с интерфейсом. Делайте его коротким — до 30–60 секунд, без долгих вступлений. Для статичных товаров, где хватает хороших фотографий, видео только замедляет загрузку.
Заголовок и характеристики: иерархия информации
Покупатель не читает карточку сверху вниз. Он сканирует: бросает взгляд на фото, потом на цену, потом — если не ушёл — начинает читать детали. Характеристики должны быть расставлены по этой логике.
Название товара
Хорошее название карточки отвечает на вопрос «что это?» за секунду. Плохое — требует вчитаться. Сравните: «Кресло офисное COMFORT PRO BL-480 Executive» и «Кресло с поясничной поддержкой, сетчатая спинка, до 120 кг». Второй вариант информативнее, хотя в нём нет артикула.
Включайте в название ключевые характеристики выбора: материал, размер, назначение. То, что покупатель спрашивает при заказе вживую — то и должно быть в названии.
Что читают, а что пропускают
Характеристики делятся на две группы. Первая — то, что влияет на решение купить: подходящий размер, совместимость, ключевые параметры выбора. Это нужно показать сразу — до прокрутки, в начале описания или отдельным блоком под фото.
Вторая группа — технические детали: вес упаковки, код товара, точные допуски. Их читают уже после того, как приняли решение купить — чтобы убедиться окончательно. Эту группу можно убрать за аккордеон или под кнопку «Полные характеристики».
Главная ошибка: выгрузить из 1С всё подряд и назвать это описанием. Покупатель видит простыню из 30 строк и уходит — не потому что информации много, а потому что нужное не найти.
Цена и скидка: как показать выгоду без потери доверия
Цена — один из главных аргументов карточки. Но неправильно поданная цена работает против продажи.
Зачёркнутая «старая цена» — рабочий приём, если скидка настоящая. Проблема в «постоянной» скидке 50%: покупатель видит, что число фиктивное, и доверие к магазину падает. Лучше реальная скидка раз в сезон, чем перманентная распродажа.
Если цена выглядит высокой, помогает разбивка: для дорогих товаров — ежемесячный платёж при рассрочке, для расходников — стоимость одного использования. Не прячьте итоговую сумму: цена «от X рублей» без пояснений гонит покупателя к конкуренту.
Элементы доверия: порядок важен
Элементы доверия — это всё, что отвечает на вопрос «а можно ли вам доверять?»: отзывы, информация о доставке, гарантия, наличие на складе. Их наличие необходимо, но порядок тоже имеет значение.
Наличие и доставка — первыми
Информацию о наличии и сроках доставки показывайте сразу — рядом с ценой и кнопкой. Покупатель, который хочет купить подарок к завтрашнему дню, сначала смотрит, успеет ли он получить товар. Если эта информация спрятана внизу или в FAQ, он уходит к конкуренту — не потому что не хочет покупать, а потому что не уверен.
Отзывы: как они работают
Отзывы — самый сильный элемент доверия. Покупатель верит другому покупателю больше, чем описанию от продавца. Несколько конкретных отзывов с фото работают лучше, чем сотня безликих «Всё хорошо, советую».
Отзывы с фото или видео ценятся особенно: они показывают товар в реальных условиях, а не в студии. Не скрывайте негативные отзывы — несколько честных замечаний увеличивают доверие к остальным. Идеальный рейтинг 5,0 при большом числе отзывов вызывает скепсис. О том, как стимулировать покупателей оставлять контент, писали в статье «UGC: пользовательский контент как инструмент продаж».
Гарантия и возврат
Условия гарантии и возврата снимают последний барьер перед покупкой. Их не нужно прятать в раздел «Оферта» — вынесите коротко прямо в карточку: «30 дней на возврат», «1 год гарантии». Это не юридический текст, а сигнал доверия.
Кнопка и призыв к действию
Кнопка должна быть заметной и понятной. Две ошибки встречаются чаще всего: кнопка сливается с фоном и надпись на кнопке не говорит, что произойдёт после нажатия.
Варианты текста: «В корзину», «Купить», «Оформить заказ», «Добавить в корзину» — все они рабочие, выбор зависит от контекста. Для товаров с многошаговым оформлением подходит «В корзину»: покупатель понимает, что ещё не платит, а только откладывает. Для товаров с быстрым оформлением (один экран, минимум полей) можно использовать «Купить» — это создаёт ощущение простоты.
Вторичная кнопка — «Купить в один клик» или «Связаться с консультантом» — работает для дорогих товаров, где нужен вопрос перед покупкой. Для недорогих она рассеивает внимание — лучше убрать.
Чтобы понять, какой вариант кнопки работает лучше именно для ваших товаров, помогает A/B-тест. Подробнее о методологии — в статье «A/B-тест посадочной страницы».
Мобильная карточка: что оставить, что убрать
На мобильном экране карточка показывается вертикально, и всё, что на десктопе помещалось рядом, оказывается в столбик. Это меняет логику отображения.
Первый экран мобильной карточки — это обычно одно фото и заголовок. Цена и кнопка «В корзину» должны быть в зоне видимости без прокрутки или закреплены внизу экрана. Если покупатель дошёл до фотографий, но не может нажать кнопку не проскроллив, часть из них уйдёт.
Блоки, которые на мобильном лучше сворачивать:
- Полные технические характеристики — оставить кнопку «Показать все», по умолчанию показывать 4–6 ключевых.
- Длинные описания — текст длиннее 3–4 абзацев скрывать под «Читать полностью».
- Похожие товары — горизонтальная прокрутка или компактная сетка вместо полной карусели.
Что убирать не стоит: фотографии, цену, кнопку, наличие и доставку, рейтинг. Это ядро карточки — без него она перестаёт работать. Проверяйте мобильную версию на реальном телефоне: эмуляция в браузере иногда врёт.
Чеклист: что проверить в карточке
- Есть минимум 3–5 фотографий: общий план, деталь, в использовании.
- Название товара содержит ключевые характеристики выбора.
- Цена видна без прокрутки на любом устройстве.
- Информация о наличии и доставке стоит рядом с кнопкой.
- Кнопка заметна, текст на ней понятен.
- Отзывы есть и отображаются на странице, а не только по ссылке.
- Условия гарантии и возврата есть в карточке — коротко.
- На мобильном цена и кнопка видны без прокрутки или закреплены.
- Скидки настоящие — фиктивная «постоянная распродажа» подрывает доверие.