Статья · Инфографика и дизайн

Конструктор карточек товара: какие сервисы есть и как выбрать

Конструктор карточек товара — онлайн-сервис, где слайды для Wildberries и Ozon собирают из готовых шаблонов: меняют фото, текст и иконки без дизайнера. Рассказываем, какие конструкторы есть у самих площадок, какие онлайн-сервисы мы проверили, как выбрать подходящий и где у конструкторов ограничения.

Девушка в белом топе и джинсах, крупный план
Живое фото товара на модели — основа для слайда с инфографикой. Работа FOTOOTZIV.

Что такое конструктор карточек товара

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

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

Встроенные конструкторы Wildberries и Ozon

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

Фоторедактор Wildberries

Открывается кнопкой «Открыть редактор» в карточке. Умеет делать коллаж, вырезать товар из фона нейросетью и ставить новый фон, кадрировать, улучшать качество, добавлять текст, фигуры, стрелки и иконки. Раздел WB AI генерирует слоганы — 20 генераций в месяц доступны всем продавцам. Оформление можно сохранить как шаблон и применить к другим карточкам: до 3 шаблонов без подписки «Джем» и до 50 с ней. Загрузка своих изображений поверх фото работает только с «Джемом». Если надпись попадает в зону, где WB показывает отметки акций, редактор предупредит.

Редактор фото Ozon

Открывается на шаге «Медиа» при создании или редактировании товара, есть и в приложении для продавцов. Вкладка AI-редактор дорисовывает края до 3:4, генерирует или удаляет фон, улучшает качество. Вкладка «Кадрирование 3:4» обрезает кадр, вкладка «Инфографика» добавляет текст и значки. Для инфографики Ozon советует браузер Google Chrome: в Safari инструмент может работать некорректно.

Конструкторы рич-контента

Для расширенного описания у площадок свои инструменты — о них отдельные статьи: конструктор рич-контента Ozon и рич-контент на Wildberries.

Онлайн-конструктор карточки товара для маркетплейсов: какие сервисы есть

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

СервисДля маркетплейсовИИ-функцииБесплатный вариант
Supaшаблоны карточек для Wildberries и инфографики для Ozon; в реестре российского ПОгенерация дизайна и изображений, удаление фона, улучшение качества, генерация текста, умный ресайзбесплатные шаблоны, 10 ИИ-кредитов в месяц; изменение размера макета — в платном тарифе
Flyviкатегория «Инфографика маркетплейсов», инструмент «Инфографика для Wildberries»; в реестре российского ПОгенератор изображений, замена фона, дорисовка кадратариф «Старт» с ограничениями; «без водяного знака» указано в платном тарифе
WonderCardконструктор карточек для Wildberries и Ozon, все элементы шаблонов редактируютсяна главной странице не указанытариф «Старт»: редактор и один базовый шаблон
Figmaсвои шаблоны или файлы из Figma Community; у Ozon есть бесплатный курс по Figma для карточекне нужны для вёрсткибесплатный тариф
Photopeaредактор в браузере, открывает файлы PSD — удобно править макет от дизайнера—работает в браузере

Canva в этом списке нет: с 2022 года сервис закрыт для пользователей из России. Что делать тем, кто привык к ней, — в статье «Canva для инфографики».

Карточка товара: онлайн-конструктор бесплатно

Собрать галерею бесплатно можно, но у каждого бесплатного варианта свой потолок:

  • Редакторы площадок бесплатны, но шаблонов слайдов в привычном смысле там нет. В фоторедакторе WB сохраняется до трёх своих шаблонов, у AI-редактора Ozon суточные лимиты: например, 80 удалений фона и 10 генераций фона по описанию.
  • Онлайн-конструкторы на бесплатном тарифе ограничивают шаблоны, элементы и ИИ-функции. Частая платная функция — изменение размера готового макета.
  • Водяной знак. Wildberries относит водяные знаки на фото к ошибкам. Ozon допускает только знак вашего бренда, не по центру и не больше 50% кадра. Логотип конструктора на слайде под эти условия не подходит.

Подробно о бесплатных вариантах и их ограничениях — в статье «Инфографика бесплатно».

Как выбрать конструктор карточек

Удобнее всего сделать одну и ту же карточку в двух-трёх сервисах и сравнить. Что проверить:

  • Формат. Есть шаблоны 3:4 и экспорт от 900×1200 пикселей. Квадратный шаблон придётся пересобирать.
  • Шаблоны под вашу категорию. Слайды для одежды и для техники устроены по-разному.
  • Гибкость. Можно менять шрифты, цвета, сетку, а не только текст в рамке.
  • Свои шаблоны. Сервис сохраняет ваш фирменный макет, чтобы новые артикулы делались за минуты.
  • Удаление фона. Проверьте на сложном товаре: прозрачном, с ручками, шнурками, мехом.
  • Экспорт. JPG или PNG до 10 МБ, без водяного знака на нужном вам тарифе.
  • Лицензия. Шрифты, иконки и картинки из шаблонов можно использовать в коммерческих целях.
  • Доступность. Сервис работает в России и принимает оплату российскими картами, если понадобится платный тариф.

Как сделать карточку в конструкторе: пошагово

  1. Подготовьте фото — вертикально, при ровном свете, с запасом фона под текст.
  2. Напишите тексты для каждого слайда: заголовок и до четырёх пунктов, цифры — из характеристик.
  3. Выберите шаблон 3:4 под свою категорию и площадку.
  4. Замените фото и удалите фон, если шаблон рассчитан на товар без фона.
  5. Перекрасьте макет под свой стиль: популярные шаблоны используют многие продавцы.
  6. Уберите лишние блоки — для цен, скидок, «хитов продаж»: такие надписи площадки запрещают.
  7. Соберите остальные слайды на основе первого. Какие нужны и в каком порядке — в статье «Слайды для карточки товара».
  8. Экспортируйте и проверьте на телефоне, затем загрузите в карточку.

Конструктор, редактор площадки или дизайнер

Выбор зависит не от бюджета, а от задачи и числа артикулов.

СитуацияЧто подойдётПочему
Нужно убрать фон или добавить одну подписьфоторедактор WB или Ozonфото сразу остаётся в карточке, ничего не нужно скачивать и загружать
Галерея из 8–10 слайдов для нескольких товаровонлайн-конструктор с шаблонами 3:4один стиль, готовая сетка, слайды копируются для новых артикулов
Десятки артикулов одной категориисвой шаблон в Figma или в конструкторедля нового товара меняются только фото и цифры
Нужен узнаваемый фирменный стильдизайнер делает шаблон, вы заполняетемакет уникален, а заполнение остаётся быстрым и дешёвым

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

Ограничения конструкторов

  • Похожие карточки. Тот же шаблон может стоять у конкурента в соседней плитке.
  • Запрещённые элементы в макетах. Часть шаблонов рисуют для красоты: плашки «скидка», «акция», места под цену и QR-код.
  • Формат. Старые квадратные макеты не подходят под 3:4: Ozon сам переводит такие фото в 3:4, и результат может выглядеть некорректно.
  • Качество фото. Конструктор не исправит тени, блики и мятый товар — он только оформляет снимок.
  • Факты. Сервис не знает ваш товар. Цифры и свойства на слайдах проверяете вы.
  • Сгенерированные картинки. Если в конструкторе есть генератор изображений, используйте его для фона, а не для товара: Wildberries относит неудачно сгенерированные нейросетью фото к ошибкам, которые снижают рейтинг карточки.

Частые вопросы

Что такое конструктор карточек товара?

Онлайн-сервис с готовыми макетами слайдов для галереи: вы подставляете своё фото и текст, меняете цвета и иконки и скачиваете картинки для карточки. Похожие функции есть во встроенных фоторедакторах Wildberries и Ozon.

Есть ли бесплатный конструктор карточки товара?

Да: фоторедакторы Wildberries и Ozon бесплатны для продавцов, у Supa, Flyvi и WonderCard есть бесплатные тарифы с ограничениями. Перед загрузкой проверьте, что на картинке нет водяного знака сервиса.

Можно ли сделать карточку в конструкторе на телефоне?

Редактор фото Ozon, включая вкладку «Инфографика», работает в приложении для продавцов. Для серии слайдов удобнее компьютер.

Подойдёт ли один макет для WB и Ozon?

Обычно да: обе площадки принимают вертикальный формат 3:4. На обложке для Ozon оставьте свободными углы под бейджи, а для WB сделайте минимум текста.

Нужен ли внешний конструктор, если есть фоторедактор WB?

Для одной-двух надписей на фото хватит редактора площадки. Для галереи из 8–10 слайдов в одном стиле и десятков артикулов удобнее конструктор с шаблонами.

Фото, которые ложатся в любой шаблон

Снимем товар крупно, детали и товар на модели в формате 3:4 на последние iPhone — дома, на улице, в кафе или на ПВЗ.

Фото для карточки товара →

Источники: Wildberries — «Фоторедактор», Wildberries — «Фото товаров: правила, рекомендации и частые ошибки», Ozon — «Редактирование фото», Ozon — «Требования к фото, видео и видеообложкам».

Читайте также