Реклама ООО Таймвэб
Реклама ООО Таймвэб
Реклама ООО Таймвэб

Как сделать продающую карточку товара для интернет-магазина

Обсудить
Как сделать продающую карточку товара для интернет-магазина

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

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

Элементы карточки товара

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

Классическая схема расположения блоков на странице выглядит так:

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

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

Карточка товара состоит из нескольких элементов.

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

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

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

Карточка товара в интернет-магазине Ситилинк

Фотографии и видео

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

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

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

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

Видео в блоке с изображениями в магазине Озон

Цена товара

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

Цена товара в магазине Озон

Кнопка «Купить»

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

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

Характеристики и описание

Эту часть страницы имеет смысл разделить на две части:

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

Характеристики и описание товара в интернет-магазине DNS

Маркетинговые инструменты

Эффективное заполнение карточек товаров для интернет-магазина предполагает использование различных маркетинговых инструментов, которые помогут привлечь внимание покупателей к определенным товарам:

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

Отзывы и рейтинг

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

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

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

Рейтинг товара в магазине Озон

Функциональные кнопки и дополнительные блоки

При заполнении карточек товаров имеет смысл добавить кнопки «Поделиться в соцсетях», «Добавить к сравнению», «Добавить в избранное».

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

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

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

Кнопка «Избранное» в интернет-магазине Wildberries
Функция отображения недавно просмотренных товаров также полезна для покупателя. Так человек сможет вернуться к карточкам тех продуктов, которые он изучал, но не добавил в избранное и не положил в корзину.

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

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

Путь к товару

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

Путь к товару в магазине Литрес

Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей
Подписаться

Подведем итоги

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

Для эффективного поискового продвижения следует корректно прописать мета-теги: заполнить Title и H1 с обязательным указанием названия, модели и имени производителя, составить описание страницы Description с использованием самых релевантных ключевиков, а также заполнить атрибуты Alt и Title для каждого изображения.

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

Повышаем эффективность вашего веб-проекта – делимся знаниями о SEO, SMM, PR, рекламе и создании «продающего» контента.

Комментарии

С помощью соцсетей
У меня нет аккаунта Зарегистрироваться
С помощью соцсетей
У меня уже есть аккаунт Войти
Инструкции по восстановлению пароля высланы на Ваш адрес электронной почты.
Пожалуйста, укажите email вашего аккаунта
Ваш баланс 10 ТК
1 ТК = 1 ₽
О том, как заработать и потратить Таймкарму, читайте в этой статье
Чтобы потратить Таймкарму, зарегистрируйтесь на нашем сайте