Чем измеряется глубина знаний? Хочется ответить практикой, но в наше время обмен опытом играет значимую роль в образовательной среде. С раннего детства, пошагово мы впитывали новую информацию, наполняясь знаниями сначала бытовых вопросов, потом и социальных. И вот будучи взрослыми многие действия совершаются обдуманно, быстро, результативно. Так наверняка и становление вашей профессиональной сферы проходит через знания. В этой статье поделимся опытом создания карточки товара. Которых прошло через нас великое множество, что уже с закрытыми глазами способны размещать детали на ней. 

Еще владельцы первых маркет-плейсов начали формировать ценный опыт, чтобы карточка товара перешла в категорию «продающей». Принимайте 26 практических советов, управляйте собственным бизнесом умело.

Понятие «карточки» и ее характеристики

Карточку товара можно смело сравнить с «паспортом продукта», который содержит детальные данные, условные функции покупки, отражает положение в классификаторе системы и несет в себе техническую информацию.

«Паспорт продукта» выполняет ряд функций:

  • Закрепление внимания клиента
  • Вовлечение потребителя из разных позиций воронки продаж
  • Расшифровка назначения товара и пользы для покупателя, мотивируя на покупку
  • Продвижение сопутствующих позиций
  • Анонсирование акционных предложений
  • Упрощение целевых действий
  • Повышение площадки-продавца в рейтинге поисковых систем

Распределенные детали в карточке товара должны отрабатывать указанные выше задачи, далее подробные советы, как этого достичь.

Что за траектория «F» ?

Знаменитые труды Я. Нильсена, которыми пользуется человечество, хранят в себе пласт полезных данных. К слову сказать, что результаты проведенных исследований 2011 не сильно поменяли действительность 2006 года, вернее ничего не изменилось. Так, по данным по данным основателя NNGroup, направление перемещения взгляда человека, открывшего страницу сайта напоминает иностранную букву «F». На заметку: речь идет о клиенте, который не определился и начинает свой путь со «штурма» web-пространств.

Используя эти знания, можно размещать значимую информацию четко по траектории, управляя тем самым рассуждением клиента. Маневрируя об более значимой воспринимаемой информации, к менее.

Самая распространенная модель движения взгляда напоминает букву F

Пример F-шаблона на сайте банка

Детализация «паспорта продукта»

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

Для наглядности, представим образец «паспорта», разделенный на 4 блока. Верхний левый и верхний правый; нижний левый и нижний правый.

Карточка товара представлена в виде четырёх секций

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

Цепочка навигации

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

Визуальное представление крошек:

Хлебные крошки

Хлебные крошки

Такой элемент помогает пошагово возвращаться на этап назад.

Наименование товара

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

ASOS размещает название товара справа от изображения

ASOS размещает название товара справа от изображения

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

Визуальная картинка

Тут снова хочется вернуться к упоминанию «паспорта», на котором все предстают обычно в своем лучшем виде. От фотографии многое зависит, но в отличии от главного документа контент должен быть цветным, запечатленным с разных сторон и во всяческих ракурсах, с помощью 3-D моделей. Помните о том, что проще представить товар в его реальном применении, а значит сработает эффективнее пиджак, одетый на модель, чем на манекене с белым фоном.

Изображение, занимающее большую страницы, – характерное отличие карточек товаров на Zappos. Кстати

Изображение, занимающее большую страницы, – характерное отличие карточек товаров на Zappos. Кстати

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

Отложено в корзину или Избранное

Популярная и универсальная опция создает перечень товаров внутри интересов клиента, которые возможно еще попадут под фильтрацию.

Добавить товар в избранное на Ozon можно как со страницы каталога, так и со страницы карточки товара

Добавить товар в избранное на Ozon можно как со страницы каталога, так и со страницы карточки товара

Возвращаясь к списку, покупатель сортирует предложение, отслеживает возможные изменения цены в онлайн. При грамотной прошивке и подаче, это отличный инструмент продаж.

Избранное на Ozon

Избранное на Ozon

Чтобы прийти к монетизации, воспользуйтесь практическими советами:

  • Внедрите правило отправлять рассылку на электронную почту, напоминая о товарах в корзине «Избранное». Лучше всего заложить одинаковые отрезки времени.
  • Анонсируйте скидки, но с этим не стоит частить, чтобы товары не дожидались именно распродаж.
  • Создайте уведомление, что данное предложение может быть ликвидировано со склада и воспользоваться им будет невозможно.
  • Подскажите клиенту, что можно готовый список переслать в пару кликов родным и близким в преддверии торжественных дат или глобальных праздников. Функция популярная особенно перед новым годом, гендерными датами, днем Св. Валентина и т п.

Заветное «поделиться»

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

Кнопка «Поделиться» находится в правой верхней части карточки

Кнопка «Поделиться» находится в правой верхней части карточки

Вторая секция карточки товара – стоимость, рейтинг, преимущества, форма (содержащая CTA и другие элементы)

Вторая секция карточки товара – стоимость, рейтинг, преимущества, форма (содержащая CTA и другие элементы)

Цена

Товары имеют границы цен, это открытая информация. Для покупателя закрепите несколько вариантов, если таковые имеются. Рекомендованная для продажи (РРЦ) и текущая.

Список товаров

Список товаров

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

Успешной площадкой, закрепившей  экономических эффект от подобных манипуляций, считается Wildberries. Они активны в данном представлении, в карточках товара минимум 4 раза можно это наблюдать.

Карточка товара

Рейтинг товара

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

Часть маркет-плейсов наделяет популярные товары статусами, что только усиливает интерес. Например, желаете ли вы заполучить себе «Хит продаж» или «Бестселлер» ?

Метки на Ozon получают карточки самых популярных товаров (а также, новых и выгодных для покупателя)

Метки на Ozon получают карточки самых популярных товаров (а также, новых и выгодных для покупателя)

А почему бы и не узнать сколько человек купили данный товар. Прозрачность продавца скрепляет плотные торговые отношения.

На Wildberries есть строка «Купили более n раз»

На Wildberries есть строка «Купили более n раз»

Отзывы

Существует статистика, в которой более 60% клиентов совершают покупку там, где есть отзывы. И более 80% покупателей интернет-магазинов руководствуются отзывами для принятия решения. Делаем выводы, что через чужое мнение, которое любезно программно можно вывести в оценку, продажи только растут.

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

Величина товара

Будь то размер, вес или любой другой параметр, он обязан присутствовать в карточке товара. Занимая положение рядом с преимуществами.

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

Данные модели в карточке товара помогут сделать выбор покупателям с похожими параметрами и всем, кому важно, например, чтобы вещь не полнила

Данные модели в карточке товара помогут сделать выбор покупателям с похожими параметрами и всем, кому важно, например, чтобы вещь не полнила

Артикул или код товара

Популярная услуга «Showrooming» основана на профессиональном поиске выгодных покупок. Специалисты, зная артикул товара, забивают его в различных поисковых системах, предварительно оценив все его достоинства в оффлайн магазине. Порой даже получив качественную консультацию продавца-консультанта. Выгода в цене, доставки до места проживания. Соответственно код товара в «паспорте» жизненно необходим.

Стоимость доставки

Полноценными считаются сведенья о стоимости  и сроках доставки. Для начала – это профильтрует отказы в корзине о причине «не подходит срок доставки», что не может не сказаться положительно на сервисе. Имея дедлайн, отпадают лишние вопросы, пока покупка движется в пути.

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

ASOS отличается хорошо продуманными карточками товара

ASOS отличается хорошо продуманными карточками товара

Область покупки

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

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

Главные элементы карточки товара: выбор цвета, выбор размера, кнопка добавления товара в корзину

Главные элементы карточки товара: выбор цвета, выбор размера, кнопка добавления товара в корзину

Базовая область покупки подразумевает пункты:

  • Наличие товара. (с указанием товарного остатка склада)
  • Вариации цвета. (если продукт это подразумевает)
  • Размерная сетка. (если это уместно)
  • Выборка размера. (по необходимости)
  • Кнопка «Добавить».
  • Сообщение, формирующее доверие.

Наличие

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

Вариации цвета

Идеальное решение – всплывающий список палитры цветов для конкретного товара. Важный момент, учитывайте примеры коллекций и попадание в цвет производителя. В случае если оттенки будут отличаться, это может вызвать бурную негативную реакцию, отрицательный отклик отзывов.

Цвета в карточке товара на Lamoda регламентируются отдельным документом для селлеров

Цвета в карточке товара на Lamoda регламентируются отдельным документом для селлеров

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

Размерная сетка

Из статистики продаж лучше начать знакомство с размерной сеткой. Понимая траекторию изучения карточки, клиент движется сверху вниз. Сначала он столкнется с изучением размера и позже перейдет к области покупки. Польза для обеих сторон – в минимизации отказов.

Таблица размеров (от производителя) размещается в карточке. Исследования показывают, что данный вопрос важен для большей конверсии, в сравнении с дополнительными препятствиями в виде перехода по ссылкам на новую страницу.

Проверяйте присутствие только нужной информации, без лишней воды. Так, если к продаже представлено женское платье, в сетке не может быть мужских или детских размеров.

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

Размерная сетка

Размерная сетка

Возможности размера

Данный раздел направлен исключительно на технические настройки страницы. Концепция боксов, несомненно, помогает регулировать трафик, но в подходе к размеру стоит задуматься. По аналогии с выбором цвета, определитесь в предпочтениях бокса или всплывающего списка. Первые «съедают» важное пространство карточки, смещая ниже уровня первичного восприятия инфо-призыв.  Вторые же обладает уникальным свойствам сохранять габаритность появляющегося окна. То есть сколько бы размеров вы ни уместили, для потребителя всегда будет высвечиваться единая графическая фигура. Проверьте корректность определения ширины длинных наименований в шаблоне всплывающего списка. 

Часть компаний приспособились к комбинированию двух технологий (Amazon), но подавляющее большинство используют моно-варианты. (ASOS, J.Lewis)

К слову, о минусах выбора боксов: шаблоны для разных товаров не гибкие. Это относится и к цвету, и к размеру. Оформитель сталкивается с тем, что в одну карточку входит 5 размеров, в другую – 10. Итоговая страница продукта с меньшим количеством размеров загрузит пустые пространства, что создаст эффект «ошибки» или «некого пробела».

Кнопка «Добавить»

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

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

Дополнительный текст-подсказка в районе кнопки, направит покупателя к нужному решению

Кнопка Amazon (первая версия)

Кнопка Amazon (первая версия)

Компания Amazon.com годами проводила тестирование системы в части кнопки «Добавить». На сегодняшний момент они выявили для себя стратегию, но это не мешает вам воспользоваться опытом. 

В третьей секции можно разместить особенности товара, отзывы о нём, размер, описание доставки и возврата

В третьей секции можно разместить особенности товара, отзывы о нём, размер, описание доставки и возврата

Для местоположения подойдет блок 3. Наряду с информационным контентом, который также располагается в данном блоке, «Добавить» займет свою нишу. Предназначение этой части «паспорта товара» удовлетворить искателя и максимально рассказать о товаре. Согласно исследованиям, такой клиент не определился с покупкой и подробно изучает детали информации, а соответственно и не пройдет мимо кнопки.

Подробные характеристики товара

К этому разделу еще можно отнести инструкции по эксплуатации и другие рекомендации. Будучи клиентом, вы хотите знать все здесь и сейчас, а поэтому данные: как осуществлять уход, практические рекомендации по сборке, состав ткани, материал, способы очистки изделия и многое другое, размещайте в открытом доступе. 

Позаботьтесь о SEO-продвижении, начинив контент ключевыми словами. Это усилит конверсия на сайте. Не нагружайте все в PDF формат и формируйте только доступную информацию. Важно, чтоб размер шрифта не изменялся в меньшую сторону по мере продвижения вниз. Не определившийся покупатель вникает в представленный текст полностью

Отзыв о продукте

Создайте удобные условия пользования раздело отзывов, доступным широкой публике.

Пользователь может отсортировать все отзывы по популярности, релевантности, высоким или низким оценкам

Пользователь может отсортировать все отзывы по популярности, релевантности, высоким или низким оценкам

Персонализация бренда

Многие площадки не ограничиваются одним производителем, предоставляя выбор. Страны производители и бренды имеют сложившуюся репутацию, она важна конечному потребителю. Уделите ей место в карточке, исключив лишние вопросы.

Сценарий возврата

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

Сведенья о доставке

Проверьте карточки на наличие отметок о доставке. Воспользуйтесь трендами внедрения отслеживания товара на этапах перемещения. Популярная опция позволяет клиентам ориентироваться в сроках получения, пути, который проходит покупка, и больше доверять продавцу.

Размер имеет значение

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

Из принципов торговли, данная механика напоминает работу с сопутствующим товаром. Когда первоочередная потребность клиента – это то, с чем он пришел, а спец. предложение было настолько заманчивым, что ушел с несколькими вещами. Нижние блоки предназначены для расширения диапазона выбора.

Сборка образа

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

Подсказки по сборке образа

Подсказки по сборке образа

Выбор покупателей

Разработайте окно, представляющее выбор покупателей в единой категории. Опция полезна тем, что подобна некоему «совету друга», который вот недавно совершил покупку и доволен. Наш мозг устроен так, что мы рады делиться своими покупками и подглядывать в чужую корзину.

Чем совершенне система рекомендаций на коммерческим сайте, тем выше конверсионность страниц

Чем совершенне система рекомендаций на коммерческим сайте, тем выше конверсионность страниц

Недавние просмотры

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

Блок недавно просмотренные на сайте

Блок недавно просмотренные на сайте

Великая сила «паспорта товара» 

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

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