Карточка товара в интернет-магазине: как ее можно и нужно оформить?

04.03.2016

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

Так как сделать привлекательную карточку товара?

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

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

Дизайнер пустится в пространные разъяснения о роли и значении цвета, он постарается убедить вас, что красный цвет нынче не в тренде и вообще воспринимается как символ опасности. А зелёный цвет, наоборот, вызывает доверие и настраивает на позитивный лад. Вердикт понятен — сайту необходим ребрендинг!

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

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

Какая страница сайта действительно главная?

Карточка товара — главная страница сайта. В подтверждение этого можно сказать то, что именно на ней совершается покупка. Чаще всего (за редким исключением) покупатель решает приобрести товар после того, как внимательно изучит её. Кроме того, в большинстве своём посетители, приходящие на сайт из поиска, будут попадать именно на эту страницу.

Что должно быть на хорошей карточке товара?

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

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

Что ещё можно сделать с карточкой товара?

1. Разместите лупу (фотолинзу)

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

Фотолинза на изображении товараУвеличенное с помощью лупы изображение

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

2. Сравнивайте

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

3. Сделайте привлекательную кнопку

Если внимательно изучить карточки товаров в разных интернет-магазинах, то можно заметить, что на одних сайтах есть кнопка «Купить», а на других — «В корзину». И в чём разница, спросите вы? На самом деле разница есть, и она была доказана в ходе тестирования на нескольких проектах.

Согласно исследованиям, кнопка «В корзину» более эффективна для небольших товаров, которые покупают по нескольку за один раз. Это, например, магазины косметики или одежды.

С другой стороны, кнопка «Купить» более привлекательно смотрится для крупногабаритных изделий, которые обычно продаются поштучно — электроники, бытовой техники.

Кнопка «В корзину» в интернет-магазине одежды    Кнопка «Купить» в интернет-магазине автозапчастей

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

Кнопка «В корзину» заметна сразу

4. Предусмотрите дополнительные действия с товаром

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

  • добавить в закладки;
  • сохранить в избранное;
  • отложить товар;
  • поделиться в соцсети.

Эти действия не займут много времени, зато позволят пользователю не потерять понравившийся товар и вернуться к нему в дальнейшем.

Дополнительные действия с товаром

5. Как заинтересовать нового посетителя?

Часто потенциальный клиент добавляет товар в корзину и после покидает сайт, так и не закончив покупку. Такого посетителя можно превратить в клиента, подстегнув его к заказу несколькими простыми приёмами. Например, можно через несколько часов отправить ему напоминание с сообщением «Мы увидели, что вы не закончили покупку. Можете вернуться в корзину». Если пользователь не появлялся на сайте в течение определённого времени, можно сообщить ему о том, что товар заканчивается. Если в течение 30 дней посетитель так и не появился, можно сообщить ему, что в скором времени его корзина будет очищена.

6. Сообщайте о наличии и остатках товара

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

К примеру, на складе осталось 2 товара. Дата обновления информации — сегодняшняя. Эти данные могут стать для покупателя сигналом, что запасы скоро заканчиваются. А значит, если покупатель хочет приобрести товар, у него будет стимул не откладывать оформление заказа.

 Сообщения о наличии товара в магазинах    Сообщения о наличии товара с адресом магазина

7. Превратите характеристики товара в выгоды от его приобретения

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

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

Характеристики товара представлены как его преимущества

Как это настроить?

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

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

8. Укажите способы доставки и оплаты товара

Доставка и оплата товара, а также гарантии на него — это то, что интересует каждого потенциального покупателя интернет-магазина. Эти сведения должны быть на виду, желательно добавлять их прямо на странице товара.

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

Способы доставки, оплаты и гарантии на товар   Отвечайте на ещё не заданные вопросы пользователя, развейте его подозрения

9. Используйте персонализацию

Ориентируйтесь на посетителя сайта, предоставляйте интересную для него информацию. Сделать это можно несколькими способами.

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

Главное достоинство персонализации в том, что она делает карточку более личной и удобной для пользователя.

Возможность выбора шрифта для сайта — один из способов настройки сайта «под себя»

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

Давайте покупателям рекомендации на основе их предыдущих заказов

10. Добавляйте акции

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

Представить информацию можно в следующем виде:

  • цена со скидкой;
  • изначальная цена;
  • наличие подарков;
  • условия акции;
  • сроки действия (можно в формате обратного отсчёта времени: «До конца акции осталось...»)

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

Оформление акции в интернет-магазине

11. Предложите сопутствующие товары

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

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

12. Оформите графические элементы

Согласно исследованиям, проведённым компанией Nielsen Norman Group, только 16% посетителей сайта читают текстовую информацию. Остальные просматривают сайт, обращая внимание на заголовки, выделенные фразы, графические элементы.

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

   

13. Имитируйте возможность выбора

Привлечь покупателя можно, создав возможность выбора из двух вариантов. Например, предложите два товара с бесплатной доставкой за 1000 руб. и для сравнения 1 товар за 600 руб. с доставкой в 100 руб. Наличие такого выбора побуждает посетителей сайта делать более выгодные заказы.

Итоги

Подведём наши итоги. Итак, чтобы получить удобную и привлекательную карточку товара:

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

Возврат к списку


  • Коэффициент лояльности клиентов (NPS) - 96%

    Индекс клиентской лояльности по работе студии
    (NPS студии)

    • NPS по оценкам клиентов за все время 96
    • NPS по оценкам клиентов за 2015 год 100
    • NPS по региону (Приволжский федеральный округ) 77
    • NPS по всем участникам программы качества 75
119 проектов реализовано
26 из них интернет-магазины