Доставка, гарантии, преимущества. Это дополнительные детали, облегчающие пользователю выбор. Понятно, что для доставки и гарантий можно отвести отдельный раздел, но лучше поместить самые важные пункты непосредственно на карточке. Это практично: вы сразу видите, когда будет доступна доставка и сколько она будет стоить.
Продающая карточка товара: состав, дизайн, полезные фишки
Страницы товаров в интернет-магазинах называются карточками. Чем удобнее и привлекательнее они будут для покупателей, тем больше продаж они обеспечат. В этой статье я рассказываю, из каких элементов состоит карточка товара, каких правил следует придерживаться при ее оформлении и как можно повысить коэффициент конверсии.
Содержание:
- Что такое карточка товара
- Как сделать продающую карточку товара
- Элементы карточки товара: собираем нужную информацию
- Дизайн карточки товара: выделяем главное
- Оптимизируем карточку товара для поисковиков
- Строим удобный путь к товару
- Добавляем социальное доказательство
- Удерживаем уходящего пользователя
- Карточка товара на сайте
- Карточка товара в email рассылке
- Карточка товара в AMP письмах
- Карточка товара в чат-ботах
- Что стоит запомнить
Что такое карточка товара
Карточка товара — это страница на сайте с описанием, изображением и возможностью покупки. Карточка рассказывает покупателю обо всех характеристиках товара: от модели до цены и отзывов. Для того чтобы карточка товара стала точкой продажи, она должна рассказать покупателю все о товаре, быть понятной и удобной для пользователя.
В этом разделе я шаг за шагом объясняю, что должна содержать карточка, как следует продумать дизайн карточки товара и как сделать ее привлекательной для поисковых систем. Укажите некоторые приемы, используемые в карточках, чтобы удержать пользователя и убедить его купить продукт.
Элементы карточки товара: собираем нужную информацию
Название продукта. Это заголовок, один из самых важных и крупных элементов открытки. Укажите здесь название продукта, производителя и номер модели. Например:
Цена. Выделите цифры крупно, чтобы они соответствовали размеру заголовка. Цена — приоритет номер один для людей: низкая цена является решающим фактором при принятии решения о покупке в 80% случаев.
Вот пример карточки товара из магазина технологий ДНК — цифры даже больше, чем название:
Если вы предоставляете цену со скидкой, сделайте ее более четкой, чем первоначальная цена, чтобы избежать путаницы среди покупателей. Это делает магазин «Озон»:
Иллюстрации. Лучше показать что-то, чем рассказывать длинную историю. Помните, что вы продаете не только выгоду, но и опыт, чувство. Сообщите об этом с помощью иллюстраций продукта, высококачественных фотографий и видеороликов.
Как показать максимум:
- Добавить несколько иллюстраций с разных ракурсов и в действии. Например, одежду в карточке часто показывают и на человеке-модели, и без него.
- Использовать опцию масштабирования, чтобы можно было рассмотреть все детали.
Посмотрите, сколько места занимает иллюстрация на карточке товара в Wildberries. Здесь есть и видео, и фото, а изображение увеличивается при наведении на него курсора:
Создайте дополнительную кнопку «Купить в один клик» — дайте покупателям возможность воспользоваться «коротким путем» для совершения покупки. Возможно, человек не хочет регистрироваться и заполнять форму, сделайте это возможным. В этом случае попросите предоставить минимум информации для регистрации: Имя, почтовый адрес или номер телефона, адрес доставки.
Подобные вещи показывают, что вы думаете не только о себе.
Карта ювелирных изделий в ювелирном магазине Sunlight. Все также очень понятно: есть отзывы, возможность найти ближайший магазин и возможность сохранить товары в избранное. Мне особенно нравится кокетливая кнопка «Примечание». И функция полезная, и сама формулировка забавная :).
Карточка товара на сайте
Карточки товаров на сайте имеют наибольший потенциал с точки зрения дизайна и функциональности. Вы уже знаете, как оформить их внутри, но не забудьте позаботиться об их внешнем виде — среди других карточек на странице каталога.
Сделайте карту «отзывчивой» — пусть она меняет свой вид при наведении на нее курсора. Это значительно облегчает навигацию по странице: вы сразу видите, куда перемещаете указатель мыши. Вы можете изменить внешний вид самой карты, например, осветлить края. Также попробуйте изменить изображение предварительного просмотра при наведении на него курсора мыши, например, показать обувь под другим углом. Это дает пользователю немного больше информации без лишних действий. Ниже представлен пример отзывчивой карточки товара из магазина Lamoda:
- использует приемы социального доказательства — рейтинг и отзывы;
- помогает выбрать размер и сориентироваться в российских и европейских мерках;
- выносит главные детали в описание;
- сразу дает опции покупки — онлайн или бронь в магазине.
На мой взгляд, это скучно. Гораздо приятнее написать тему и тут же показать, как на самом деле выглядит продукт. Письмо La Redoute о дизайне интерьера следует именно этому принципу: короткий заголовок говорит, почему вы должны немедленно купить эти вещи, а красивая фотография делает все остальное. Здесь нет кнопок: вы просто нажимаете на название или цену товара, и электронное письмо переводит вас на соответствующую карточку на сайте.
Если вы не можете сделать такие яркие фотографии, по крайней мере, постарайтесь оформить письмо стильно — меньше цветов и шрифтов, больше «воздуха», больше внимания к изображениям. Ниже приведено простое, но красивое письмо от чайного магазина Teavana:
Карточка товара в интернет-магазине — это функциональная страница с подробной информацией о товаре. Это помогает пользователю получить полный обзор покупки и удобно разместить заказ. Эта форма онлайн-страницы регулируется определенными законами. Самое главное в карточке товара — это качественное содержание и удобная структура.
Заполнение карточек товаров для интернет-магазина — работа, которая несколько сложнее банального описания номенклатуры с фотографией на переднем плане и профилем. Эта страница посвящена нескольким глобальным вопросам:
Анализ карточек товаров успешных интернет-магазинов показывает, что дизайнеры уделили большое внимание качеству иллюстраций в оформлении. Основная проблема розничной торговли в Интернете заключается в том, что покупатель вынужден принимать решение, основываясь исключительно на информации и изображениях
Определение правильного размера — самая проблематичная часть покупки одежды, особенно потому, что размерная сетка часто отличается у разных производителей. Таблицу с размерами в сантиметрах на карточке товара лучше всего сделать в виде выпадающей вкладки. Удобно, если есть также инструкции по измерению размеров. Ни в коем случае не переводите покупателя с целевой страницы на отдельные разделы или — что еще хуже — на pdf-файлы с таблицами и рекомендациями по размерам. Каждый переход снижает коэффициент конверсии карточки товара.
Карточка товара — что это
Условия доставки и оплаты в интернет-магазинах обычно находятся в отдельном разделе сайта. Однако для удобства пользователей конкретные условия указываются непосредственно на карте. Таким образом, покупатель сразу знакомится с правилами магазина и понимает, есть ли удобный вариант доставки и оплаты.
Задачи карточки
Наиболее проблемные условия доставки: только самовывоз, доставка крупногабаритных грузов с отдельной оплатой за подъем на этаж или отсутствие такой возможности, курьерская служба работает в строго установленное время без возможности выбора временного периода. Об этом пользователь должен быть предупрежден заранее, непосредственно в карточке товара. Так вы сможете избежать разочарования и недовольства обслуживанием в дальнейшем.
- Подробное описание товарной позиции. Здесь важно понимать интересы своей целевой аудитории и знать, какие вопросы по товару у нее возникают. Объем и стиль описания должны опираться на особенности ЦА и самого продукта. В магазине электроники важны технические характеристики, в ювелирном больший упор делается на эмоции, а в продажах одежды — акцент на качество ткани и то, как модель будет сидеть на живом человеке.
- Разные сценарии покупки. В интернет-магазине, как и в офлайне, собирается разная публика. Кому-то важно оглядеться, посмотреть, что по чем, какие тренды в ходу, кто-то пришел с четкой целью купить конкретную модель, кто-то зависает на стадии принятия решения. Для всей этой разношерстной толпы нужно предусмотреть свои сценарии коммуникации.
- Инструменты для выбора и покупки. Оформление карточек не должно вызывать у пользователя никаких затруднений в процессе выбора товара с нужными характеристиками и оформления покупки. Здесь, как нигде, важен так называемый «интуитивно понятный» интерфейс. Представьте, что покупатель — это пожилой человек, испытывающий страх перед сложной техникой. Его буквально нужно провести за руку через все процедуры онлайн-покупки. Любой выход пользователя из зоны комфорта чреват его выходом с сайта, ведь проще нажать крестик на вкладке, чем разбираться с непонятными инструментами. Идеальная карточка та, где с одного взгляда понятно, как выбрать нужную модель, сравнить ее с другими, сохранить для более вдумчивого изучения, положить выбранный товар в корзину и оплатить его.
- Маркетинговые инструменты. Сделать карточку товара продающей помогают маркетинговые инструменты, мотивирующие пользователя на покупку. Это элементы-манипуляторы типа стикеров «Скидка», «Бестселлер», «Хит продаж», счетчики наличия модели на складе, такие техники увеличения объема продаж, как кросс-селлинг и апселлинг. Кросс-селлинг — это продажа сопутствующих продуктов, например, фильтров к пылесосу, точильного камня для поварского ножа или подборки типа «С этим товаром покупают». Апселлинг — увеличение чека одной покупки, например, акции 1+1=3 или мотивирование покупателя приобрести более дорогую модель.
- Оптимизация под требования поисковых систем. SEO-карточка отвечает требованиям поисковых систем, поэтому хорошо индексируется и высоко ранжируется на странице выдачи по релевантным запросам пользователей.
Что такое структура карточки товара
Иллюстрации
Если плата за доставку привязана к сумме общего чека, хорошей идеей будет разместить счетчик прямо на карте, чтобы показать, сколько осталось до бесплатной доставки заказа.
Специальные правила размещения, такие как ограничение на количество предметов или ограничение по времени, также должны быть отмечены в отдельном блоке на карточке.
- Хорошая иллюстрация — это профессиональная фотосъемка, качественно отрисованные 3D-модели или профессионально снятое видео. Для некоторых категорий продуктов, особенно для бытовой техники и электроники, хорошо работает видеожанр распаковки, когда на камеру вскрывается упаковка с продукцией и изучается ее содержимое. На карточках с видео пользователи проводят больше времени, а это хорошо отражается на поведенческих факторах.
- Чтобы пользователь получил полное представление о продукте, необходимо в блоке с иллюстрациями разместить несколько фото в высоком разрешении, показывающих товар с разных ракурсов, в статике и в действии.
- Показывайте продукцию в процессе использования: одежду на моделях разных размеров, предметы домашнего обихода в интерьере, аксессуары на людях, чтобы покупатель мог соотнести размеры украшения, сумки или часов.
- Полезная опция, которая помогает пользователю рассмотреть детали, это масштабирование, когда при наведении курсора-лупы выделенный участок фотографии как бы приближается к зрителю.
- Если продукт предполагает выбор цвета, то при создании карточки товара эта опция тоже вшивается в блок иллюстраций. Обычно это реализуется таким образом: при наведении курсора на иконку нужного цвета меняется модель на основной картинке.
Дополнительные опции
Важная информация, которая развеет многие возражения и опасения клиентов. Укажите, можно ли вернуть товар, по каким причинам, через сколько дней после покупки вы принимаете претензии и как вы будете возвращать деньги.
Выбор цвета
Опытные дизайнеры, создающие прототипы карточек товаров, предпочитают оформлять блоки дополнительных опций в виде выпадающих списков. Весь список доступных функций, которые пользователь может выбрать, скрыт до тех пор, пока пользователь не щелкнет по нужному элементу. Это помогает унифицировать карточки для разных продуктов, поскольку одна модель может иметь 10 цветов и 5 размеров, а другая — только один цвет и один размер. Где-то толсто, а где-то пусто — это всегда затрудняет работу над универсальным шаблоном.
Размерная сетка
Одна из самых важных частей страницы продукта, которую нужно подготовить заранее. Визуальный контент включает фотографии, видеообзоры, инфографику и другие изображения, создающие впечатление о продукте. Например, таблица размеров одежды и обуви.
Правила доставки и оплаты
Какие фотографии будут препятствовать продаже:
Лучшее для
Название карточки также имеет большое значение. Он определяет, смогут ли клиенты быстро найти вашу продукцию. Начинающие продавцы, которые обращают внимание на заголовок и учитывают наиболее важные поисковые запросы, также всегда на шаг впереди конкурентов.
Условия примерки одежды и обуви
Чтобы узнать, какие поисковые запросы пользователи чаще всего используют для поиска того или иного товара, достаточно воспользоваться инструментами, уже имеющимися на торговых площадках. В Ozone, например, вы можете указать категорию для поиска и период времени. Торговец будет видеть не только количество запросов, но и процент добавленных в корзину товаров и среднюю цену.
Условия гарантии и возврата
Заголовок также должен содержать наиболее важные характеристики продукта. Это самая важная информация, особенно для маркетологов, которые впервые сталкиваются с вашим продуктом. Особенности включают:
Не используйте в заголовке слова «лучший», «надежный», «отличный» и т.д. Они не содержат важной для покупателей информации.
Визуал — качественные фото и видео
Давайте сравним два названия продуктов под названием «Умный чайник» на Озоне.
В первом примере в заголовке были указаны только модель чайника и его цвет. Для покупателя, который никогда не пользовался таким прибором, этого недостаточно. На помощь приходит иллюстрация на внутренней стороне карты. Это дает представление о том, как именно работает чайник.
- темные;
- нечеткие;
- мелкие;
- с плохим ракурсом;
- неинформативные. Например, для покупателей важно, как одежда сидит на человеке. Даже качественная фотография товара на вешалке этого не покажет.
Во втором примере заголовок содержит две технические характеристики и вопрос «Умный чайник» в дополнение к модели и цвету. В этом случае покупатель получает больше информации о продукте еще до открытия карты.
- Вариант, который показывает товар в лучшем свете.
- Фото в процессе использования. Это актуально не только для одежды, но и для остальных товаров.
- Общий вид товара спереди и сзади. Обе фотографии должны быть сделаны на одном фоне.
- Фото деталей товара, которые упомянуты в описании или в характеристиках. Например, если вы продаете удлинители с дополнительными выходами USB, сфотографируйте их крупнее.
- Фото в упаковке и без нее.
- Фото с обзором в 360 градусов. Вместо него также можно использовать видеообзор. В таком формате удобно не только рассказывать о товаре и показывать его со всех сторон, но и отвечать на вопросы пользователей. Например, дать подробную инструкцию по сборке.
Подробный заголовок влияет на общее впечатление: пользователь сразу понимает, подходит ему продукт или нет. Но правильного заголовка и качественного изображения недостаточно. Подумайте, какие еще строительные блоки увеличивают продажи и предотвращают возвраты.
Инфографика
Неважно, сколько характеристик вы упомянули в заголовке, расскажите о них подробнее в карточке товара. Как правило, выбирайте только полезную информацию. Эмоции и личное отношение лучше оставить в описании.
Набор функций будет отличаться для продуктов из разных категорий. Если параметров много, начните с самых важных.
Продавец на Wildberries в самом начале указал вес и размеры зонта с упаковкой, материал ручки, декоративные элементы и дополнительные опции. Но когда заинтересованный покупатель разворачивает все характеристики, он также видит страну-производителя, конфигурацию, тип зонта и даже повод, по которому изделие можно преподнести в подарок.
Для бытовой техники, электроники и других дорогостоящих товаров следует указывать только технические параметры, чтобы пользователи могли сравнить различные модели одного и того же товара.
Правильный заголовок
Мы можем помочь новичкам зарегистрироваться на маркетплейсах и успешно начать онлайн-бизнес, выбрать нишу и ассортимент продукции, проконсультировать их по вопросам регистрации юридического лица и выбрать лучший банк для продавца.
Мы также поддерживаем людей, которые уже продают на торговых площадках! Если вы предоставите соответствующую информацию, мы постараемся подобрать для вас подходящие услуги, которые помогут вам увеличить продажи. Например, мы готовим менеджеров для отдельных рынков, оптимизируем логистику и выполнение заказов, помогаем быстро планировать на рынках или автоматизируем бизнес-процессы и управление личными кабинетами с помощью российского программного обеспечения для эффективной работы на более чем 30 рынках и настраиваем интеграцию вашей бухгалтерской и складской систем.
Не забудьте подписаться на наш Telegram-канал!
- модель устройства;
- техническая информация — например, объем памяти смартфона 128 ГБ;
- комплектация — например, проектор может быть как с подключением к Wi-Fi, так и без;
- размер, цвет и другие параметры.
В Интернете можно найти множество различных сервисов, позволяющих создавать инфографику любой сложности и содержания. Вот самые популярные из них:
В большинстве случаев решение о покупке того или иного производителя принимается на основании отзывов других покупателей. Более того, без отзывов карта продукта выглядит пустой и неинформативной.
Достаточное количество положительных отзывов является чрезвычайно важным фактором для любой успешной маркетинговой кампании. Алгоритмы оценивают отзывы пользователей как один из важнейших показателей качества продукции.
Также помните, что индивидуальные обзоры не очень хорошо работают на рынках. Гораздо эффективнее поощрять реальных потребителей, используя внутренние инструменты, такие как: «точки обзора».
Даже если выбранная вами торговая площадка не предлагает подобной возможности поощрять пользователей оставлять отзывы, всегда можно найти выход. Проведите акцию и предложите дополнительные бонусы или поощрения клиентам, оставившим отзывы.
Характеристики товара
Заставить людей делать полезные вещи не так уж сложно. Вам просто нужно понять, какие кнопки нажимать и какие триггеры активировать.
Один из способов — поощрять вашу аудиторию оставлять отзывы в социальных сетях. Вам просто нужно предложить им что-то приятное взамен.
Даже небольшие стимулы заметно повышают интерес к бренду и увеличивают продажи. И это в дополнение к основной цели, которую вы преследуете, — получить живые отзывы о вашей карте на рынке.
Старайтесь не повторять своих ошибок, особенно в части комплектации продукции и условий поставки. Некоторые замечания по этому поводу, на которые вы вовремя отреагировали и решили вопросы, показывают ваше ответственное отношение.
Портфолио СеллерМАРКЕТ
Однако если одни и те же ошибки повторяются снова и снова, это сказывается на достоверности пользовательского опыта.
Бесконечная и невероятно агрессивная конкуренция на рынках постепенно заставляет крупные бренды осознать необходимость разработки уникального дизайна для каждой карты. Но по-настоящему идеальные рекламные решения существуют нечасто.
Маркетологам необходимо думать не только о цвете, форме и содержании используемого материала, но и об общей композиции. Именно сочетание всех элементов выделяет невероятно успешное решение из общей массы.
Это очень удачный вариант карточки товара. Поставщик демонстрирует отличное понимание своей целевой группы — родителей маленьких детей. Инфографика включает технические подробности о продукте, а также красиво оформленную фотографию.
Поскольку это двусторонний ковер, рисунок должен быть изображен на каждой стороне. Однако если вы разместите две отдельные фотографии, масштаб каждой из них будет значительно уменьшен. Поэтому изображение было создано с местным кадрированием, показывающим нижнюю сторону продукта.
Таким образом, вы сможете увидеть большую фотографию ковра и понять, как устроена каждая сторона.
Цветовая гамма включает в себя оттенки оранжевого и изумрудного. Как наиболее распространенный спектр, встречающийся в природе, зеленый цвет лучше всего воспринимается человеческим глазом. Это означает, что люди различают больше всего полутонов в этом цвете по сравнению со всеми другими цветами. Воспользовавшись этой особенностью человеческого глаза, маркетологи выбрали цвет, соответствующий ювелирным изделиям.
Программы для создания инфографики карточек товаров
Исторически этот цвет символизирует омоложение, новую жизнь и красоту. Он используется как символ исцеления и единства. Другими словами, родители воспринимают этот цвет как признак здоровья и жизненной силы, которые они передают своим детям.
- Supa. Это разностороннее приложение, которое предоставляет все необходимые инструменты для работы и с фотографиями, и с видео. Часть функционала доступна бесплатно, но в общем приложение платное. Если оформлять годовую подписку, то минимальный тариф составляет 590 рублей в месяц.
- Flyvi. Ещё одно программное решение, нацеленное не работу с маркетплейсами. Вы можете найти в нём широкий выбор различных готовых шаблонов баннеров, карточек и других элементов, присущих торговым площадкам. Таким образом вы сможете сократить затраты времени на разработку и не проверять каждый раз готовые креативы на соответствие техническим требованиям конкретного маркетплейса. У программы есть бесплатный пятидневный пробный период. По истечению которого вам придётся либо оформить подписку, которая начинается от 399 рублей в месяц, либо мириться с водяными знаками. Ими будут помечаться вся инфографика, созданная в приложении.
- WBCard. Редактор, работающий в онлайн-режиме. Он предоставляет инструменты для создания инфографики любой сложности. Это приложение условно бесплатное и позволяет поупражняться в умении создавать креативные продающие карточки. Правда, если вы хотите получить доступ ко всему многообразию инструментов, которые предоставляет приложение, придётся оплатить платную подписку. Она стоит от 450 рублей в месяц.
- Wondercard. Прекрасный сервис, который подойдёт для работы с инфографикой. Причём независимо от маркетплейса, для которого вы создаёте креативы. Но если вы захотите воспользоваться готовыми шаблонами, придётся оплатить платную версию, которая здесь стоит 1490 рублей в месяц. Но если оформлять годовую подписку, то стоимость одного месяца будет снижена ровно на половину.
- Venngage. Полностью бесплатный сервис, с помощью которого вы сможете работать с инфографикой. Максимально простой и удобный функционал открывает доступ к коллекции готовых шаблонов, так что простые и незамысловатые креативы можно сгенерировать буквально в пару кликов. Разумеется, для более детализированных и сложных проектов придётся выделить существенно большее количество времени.
- Pixlr. Онлайн-редактор, который в определённых кругах зачастую называют «бесплатной облегченной версией Photoshop». Работать с ним можно прямо в окне браузера, а объёма бесплатных инструментов вполне достаточно для базовой обработки и создания полноценной инфографики из обычных фотографий.
- Figma. Простое и удобное программное решение для создания инфографики. Доступного функционала более чем достаточно для работы с большинством современных маркетплейсов. Она абсолютно бесплатна, так что идеально подойдёт для начинающих специалистов. Опытные же маркетологи, в большинстве случаев, основывают выбор любимых инструментов исключительно только из собственного опыта.
Работа с отзывами
Оранжевый цвет символизирует радость и жизненную силу. Это своего рода оттенок плодородия, поскольку напоминает о цитрусовых, которые приносят богатый урожай.
Оранжевый и зеленый цвета также являются прекрасным контрастом. В то время как более темный оттенок изумруда способен раскрыть глубину и творческий потенциал любого человека.
В результате получается изображение, которое выглядит простым и понятным. По сути, творчество — это тщательно и глубоко продуманная композиция.
Шкатулка для украшений — изображение карточки товара
Инфографика для популярной шкатулки для украшений. Карточка содержит крупное изображение продвигаемого продукта, а также набор параметров, показывающих его основные преимущества.
По сути, это изображение содержит только ту информацию, которую ритейлер хочет донести до аудитории. Фон двухцветный, розовым цветом выделено место для описания параметров продукта.
Основной фон — бирюзовый, приятный для глаз, а задний фон имеет приятный розовый оттенок.
