Как сделать карточку товара онлайн: сервисы + инструкция

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

Каким должен быть визуал для карточки товара

Карточка продукта на маркетплейсе – это не просто красивая картинка, это инструмент привлечения аудитории, который должен выполнять несколько задач:

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

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

Как хороший дизайн карточек приносит пользу бизнесу

Грамотная презентация товара позволяет бизнесу:

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

Минималистичная и информативная карточка на маркетплейсе, отвечающая на все главные вопросы о товаре

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

Что учитывать при подготовке карточки для маркетплейса

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

Подготовка визуала

Что важно учесть:

• Требования маркетплейса к изображению. У каждой площадки они свои – требования касаются размеров, формата, возможно, расположения и использования элементов на карточке.
• Качество фото товара. Изображение должно быть крупным и четким, чтобы можно было рассмотреть все важные детали. Можно придать дополнительный вес товару с помощью объема, созданного светом и тенью.
• Внешний вид и читабельность шрифта. Заголовки, подзаголовки и основной текст должны быть выделены с учетом иерархии, информация должна быть читаемой, шрифт – соответствовать стилю других элементов и карточки в целом.
• Цветовая палитра. Цвета должны гармонировать друг с другом и создавать комфортный для восприятия контраст – когда все четко различимо и не режет глаз.

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

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

Смысловая нагрузка

Что важно учесть:

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

На основной карточке товара сильно не хватает информации о силе всасывания, типе уборки и пылесборника

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

Карточка товара, в которой отражен бонус в виде дополнительного ремешка

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

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

Как сделать карточку товара в онлайн-сервисе

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

Чтобы воспользоваться онлайн-редактором, нужно зарегистрироваться в SMMplanner – «Холст» доступен всем пользователям с момента регистрации, без оплаты тарифа на креативах будут вотермарки сервиса.

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

Выберите подходящий шаблон и переходите к редактированию

Чтобы перейти в редактор, нажмите кнопку «Редактировать шаблон».

Библиотека шаблонов регулярно пополняется, их создают разработчики и сами пользователи SMMplanner

В редакторе можно поместить на макет заранее подготовленное фото товара, изменить надписи, цвета и расположение элементов.

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

Если нужно удалить фон, в «Холсте» есть такая опция – на панели инструментов над рабочей областью.

Над рабочей областью расположены инструменты для работы с отдельными элементами на изображении

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

В разделе «Формат» есть стандартные размеры креативов для разных площадок – можно сразу подобрать нужный или изменить размер готового креатива с функцией magic resize. Настройки элементов останутся теми же, нужно будет только скорректировать расположение, если что-то съехало.

Скорректируйте размер карточки и сохраните готовый креатив в формате JPG, PNG или JSON

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

Готовая карточка товара для размещения на Avito – на создание ушло 15 минут

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

Если нужно подробнее разобраться с инструментами редактора – пройдите бесплатный курс «Дизайн для соцсетей с 0». За 10 практических уроков вы освоите «Холст» и научитесь самостоятельно и быстро создавать визуал и рекламу для своих проектов по готовым шаблонам или с нуля.

Популярные конструкторы карточек для маркетплейсов

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

1. WBCard – бесплатный онлайн-конструктор карточек товаров для Wildberries и Ozon. С его помощью можно добавить текст, инфографику и описание к фото, обработать само изображение. В редакторе много опций и тонких настроек.
2. Sellercard – конструктор продающих карточек под требования популярных маркетплейсов. Функционал доступен для изучения бесплатно, создание визуала и загрузка карточек – от 490 рублей в месяц.
3. Supa – онлайн-редактор для создания креативных рекламных материалов для широкого использования. Подходит для создания различного контента для маркетплейсов: карточек, инфографики, видеообложек. Бесплатно доступен ограниченный функционал и скачивание креативов с логотипом Supa. Полный доступ – от 333 рублей в месяц при оплате за год.
4. Сахарок – сервис для создания карточек для маркетплейсов на основе готовых шаблонов от маркетологов. Можно экспериментировать с различными макетами – настраивать элементы, менять текст. Или использовать шаблоны как есть, если устраивает однотипность и распространенность подобных карточек на площадках. Стоимость – от 490 рублей (до 10 карточек в месяц).

Ошибки при создании карточек товаров

Недоработки при создании карточек товаров мешают получить максимальное количество конверсий.

Чего стоит избегать:

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

Визуально приятная и информативная карточка, но срок гарантии перекрывается метками маркетплейса

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

• непоследовательности – информация должна быть структурирована от главной к второстепенной;

• дефектов изображения – сбитый фокус, неправильное кадрирование, отсутствие четкости портят визуальное впечатление;

• контрастных цветов – чересчур сильный контраст испортит впечатление и оттолкнет аудиторию;

• копирования чужих текстов и креативов – это злостное нарушение, за которое можно получить бан на площадке;

• отсутствия примеров – если это одежда, нужно показать, как она будет выглядеть на потенциальном клиенте;

• стилевого беспорядка – все карточки в магазине желательно оформлять в едином фирменном стиле;

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

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