+7 (8352) 37-40-01 +7 (495) 975-91-27 +7 (843) 207-03-17 +7 (831) 231-06-21 8 800 77 55 127

Чек лист: 29 важнейших элементов карточки товара

8 Июня 2016

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

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

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

Знание азов – это главное на пути к успеху

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

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

Задачи элемент заключаются в следующем:

  1. Сконцентрировать внимание потенциального потребителя на товаре;
  2. Привлекать покупателя на всех этапах сделки;
  3. Дать ответ на вопрос, для чего потребителю этот товар;
  4. Убедить в необходимости приобретения;
  5. Обеспечить простоту покупки.

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

29 элементов и правила оформления карточки товара

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

1. Последовательность размещения информационного контента на странице в соответствии с траекторией движения глаз посетителя

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

просмотр глазами

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

2. Контент, размещенный в карточке, должен прямо отвечать на вопрос пользователя, для чего ему нужен этот товар

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

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

Делается это также в определенном порядке:

  1. левая верхняя часть содержит изображение, видео и возможность поделиться в соцсетях, добавить в список желаний;
  2. левая нижняя часть, располагается под верхней, и содержит полную информацию: кто производит, гарантии и возвраты, отзывы, параметры;
  3. правая верхняя часть отвечает за стоимость товара, может также содержать отзывы и параметры;
  4. левая нижняя часть показывает однотипный товар или такой, которым можно доукомплектовать приобретение.

карточка

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

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

На следующем этапе нужно уделить внимание так называемым хлебным крошкам, или же панели навигации. Здесь потенциальный покупатель видит всю историю своего перемещения от страницы к странице, например: «Главная» - «Мужчинам» - «Обувь» - «Кроссовки».

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

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

4. Название товара

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

Здесь хотелось бы открыть начинающим парочку секретов:

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

Чем больше клиент имеет информации, тем лучше для вас.

5. Основная картинка продукта

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

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

И пару советов относительно самого контента:

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

6. Список желаний

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

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

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

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

7. Отправка в свой профиль социальных сетей

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

поделиться

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

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

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

8. Стоимость товара

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

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

9. Оценка товара

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

рейтинг

10. Отзывы потребителей

Если продолжить рассматривать правильно созданную карточку товара, то можно заметить активную ссылку. По нажатию на нее потребитель перейдет в раздел отзывов уже купивших товар. Конечно же, всегда проще решиться на приобретение, если есть какое-либо подспорье. А если отзывы только положительные, то вероятность заключения сделки увеличивается в несколько раз. Опять вернемся к статистическим показателям. Они указывают на то, что более 60% всех покупателей сделают выбор только после чтения отзывов и столько же людей приобретут товар только в том месте, где таковые имеются.

отзвывы о товаре

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

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

11. Преимущества товара

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

12. Габариты и параметры товара

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

характеристики товара

Таким образом, посетитель будет видеть, что: платье, красного цвета, представлено на модели с ростом 175 сантиметров и объемами: 85/62/93. Все достаточно просто, и невероятно информативно, полезно для клиента, да и вам проще отвечать на вопросы.

13. Код/единица товара

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

14. Информация относительно доставки

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

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

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

Что же собой представляет этот элемент карточки товара. Это собственно функциональная часть, благодаря которой клиент выбирает именно тот товар, который ему нужен: цвет, размер, тип и прочее. Здесь можно собрать все товары искомого типа, но в разных цветовых и аксессуарных решениях. Когда пользователь выберет идеальный вариант – позаботьтесь о наличии большой кнопки, которая побудит совершить приобретение. Также удобно, когда при просмотре каждый товар из ассортимента подсвечивается или выделяется рамкой.

В качестве итога, выделим основные элементы области покупки:

  • выведение информации о наличии товара или покупке под заказ, снятия с производства, отсутствия;
  • варианты цветового решения;
  • размерную сетку;
  • информация по наличию размеров;
  • призыв к действию;
  • гарантия товара.

Все предельно просто и информативно.

16. Наличие товаров

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

17. Доступность товара в разных цветах

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

другие цвета

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

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

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

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

Здесь остановимся на двух нюансах:

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

19. Размерные опции

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

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

20. Функция «Добавить в корзину»

Наконец-то мы подходим к самому важному элементу в карточке товаров. Благодаря функции перенесения выбранного продукта в корзину пользователь получает желаемое. Давайте сделаем ее красивой и заметной, ведь разве не для этого был проделан такой масштабный путь?

Варианты оформления:

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

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

Да, возможно, как пробный или тестовый вариант вы можете использовать рекомендации, но никогда не забывайте про А/Б-тестирование. Только оно покажет, какой цвет, и место расположения кнопки больше нравится вашим посетителям. Идеальной формулы до сих пор не выведено.

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

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

21. Детали имеют значение

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

Пара шпаргалок для достижения успеха:

  1. как бы вам этого не хотелось (с целью облегчить себе работу, в будущем это не сыграет на пользу) воздержитесь от желания собрать всю необходимую информацию и поместить ее в файл формата PDF. Во-первых – такая информация плохо воспринимается клиентами, а во-вторых – она не участвует в сео-оптимизации;
  2. обратите внимание на размер букв описательного текста, важно чтобы он был нормального размера и не уменьшался.

22. Отзывы о товаре

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

9c802a5a89.jpg

23. Информация о производителе

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

24. Правила обмена и возврата

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

25. Информация о доставке

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

Условия доставки

26. Размер

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

YmE1EE6TZXX7zm.jpg

27. Дополнение образа

Это необходимо для повышения продаж. Если кто-то купил джинсы, предложите ему приобрести еще и футболку. При этом нужно подбирать выгодные предложения и удачное сочетание.

28. Что еще покупают с товаром

Этот раздел необходим для отображения продукции, которая сделает покупку настоящим комплектом, а не отдельным элементом.

вместе с данным товаром покупают

29. Что было просмотрено

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

Информативная карточка товара – залог высоких продаж

Когда вы завершите создание идеальной карточки товара по приведенному выше алгоритму, то заметите две вещи:

  1. Покупатели быстро находят желаемый товар
  2. Потребители доводят сделку до конца – приобретают товар.

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

Нашли много ошибок на своём сайте, но нет возможности их устранить?

Оставьте заявку на бесплатный расчёт стоимости данных улучшений на вашем сайте
Последние записи
Анализ контекстной рекламы с гарантией результата
16 Ноября 2016
Раскрутка интернет-магазина: 4 пути в ТОП
14 Ноября 2016
Как получить максимальную конверсию с Яндекс Директа
11 Ноября 2016
21+ приём работы в Excel для SEO специалиста + бонус
9 Ноября 2016
SEO Conference 2016: итоги и обзор лучших докладов
4 Октября 2016
Подписка на новости
Полезные статьи о лидогенерации и интернет-маркетинге 4 раза в месяц
Оформление запроса
Отправьте нам запрос и наши консультанты в ближайшее время свяжутся с Вами.
Корпоративный сайт
Комплексное продвижение
Интернет-магазин
Контекстная реклама
Поддержка и развитие сайта
Поисковое продвижение

Оформление запроса
Отправьте нам запрос и наши консультанты в ближайшее время свяжутся с Вами.
Готовое решение (интернет-магазин)
Комплексное продвижение
Готовое решение (корпоративный сайт)
Контекстная реклама
Поддержка и развитие сайта
Поисковое продвижение
Регистрация на семинар
Для того, чтобы зарегистрироваться оставьте свои контактные данные.
Баннер на На-связи.ru
На сайте 1С-Битрикс
Из социальных сетей
Из рассылки 1С-Битрикс
По приглашению «KISLOROD»
Баннер на Mail.ru