ФорматыКак адаптировать шаблон инфографики под свой товар

Как адаптировать шаблон инфографики под свой товар

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

Артём ЛисицынОснователь Инфографов

Быстрый тест

Посмотрите, как это работает — на вашем товаре

Одно фото, полминуты — и описание готово. Затем выберите сильную обложку и создайте 6 карточек в стиле обложки.

Фото товара

Пока не добавлено

Новый аккаунт получает 60 приветственных токенов на стандартный комплект из 6 карточек без привязки карты.

JPEG, PNG или WebP · до 8 МБ

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

Коротко

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

Как адаптировать шаблон инфографики под свой товар

Начни с копии и паспорта версий

Не редактируй единственный исходник. Сделай мастер-копию и назови её по товару, площадке и версии, например `hoodie-grey-wb-v01`. Для Ozon, WB и Яндекс Маркета лучше держать отдельные ветки, даже если визуальная основа одинаковая.

Рядом заведи короткий паспорт версии. Запиши SKU, цвет, комплектность, дату обновления фактов и ссылку на исходные фото. Это защищает от простой ошибки: в макет серого худи попадает состав или размерная сетка от другой модели.

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

Проведи аудит шаблона до замены фото

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

Удаляй заглушки, а не перекрашивай их. Если у твоего товара нет подтверждённой плотности ткани, блок «320 г/м²» не должен оставаться в макете ради заполнения места. Пустая зона безопаснее выдуманного преимущества.

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

Как адаптировать шаблон инфографики под свой товар

Настрой холст и safe zones

Соотношение 3 на 4 удобно как рабочая вертикальная основа. Инфографов экспортирует 900 на 1200 пикселей, но это не универсальное техническое требование всех площадок. Перед созданием версии проверь допустимое разрешение, вес, формат и правила основного изображения в актуальной справке.

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

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

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

Замени все факты из паспорта товара

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

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

После заполнения сравни текст макета с полями карточки товара. Цвет, размеры, состав и комплектность должны совпадать. Если данные обновились, увеличь номер версии и отметь, какие SKU требуют пересборки.

Как адаптировать шаблон инфографики под свой товар

Пересобери сетку под реальный товар

Шаблон мог быть сделан под бутылку, кроссовки или коробку. Геометрия худи другая, поэтому простая подмена фотографии часто ломает баланс.

Сначала выбери главный объект и его масштаб. Затем расставь заголовок, факты и иконки по приоритету. Один кадр должен отвечать на один вопрос. Если блок не помогает понять товар, удали его.

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

Проверь контраст текста с фоном и фотографией. Если подпись теряется на ткани, добавь отдельную спокойную область, а не тяжёлую тень поверх товара.

Проверь шрифты, иконки и права

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

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

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

Проверь карточку на мобильном экране

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

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

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

Как адаптировать шаблон инфографики под свой товар

Подготовь версии под SKU

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

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

Используй понятные имена экспортов: номер кадра, SKU, площадка и версия. Например, `03-hoodie-grey-wb-v02.jpg`. Так при выгрузке не перепутаются обложка, размерный кадр и старая редакция.

Перед массовым экспортом проверь один SKU целиком. Исправление мастер-компонента позволяет не повторять одну и ту же правку в шести карточках каждого цвета.

Где кратко помогает автоматическая сборка

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

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

Как адаптировать шаблон инфографики под свой товар

Правила площадки и публикация

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

После регистрации в Инфографове начисляется приветственный бонус 60 токенов, которого хватает на стандартный комплект из 6 карточек. Перегенерация одного из шести кадров стоит 10 токенов. Это замена кадра, а не дополнительная карточка. SEO-описание запускается отдельно и сейчас стоит 0 токенов.

Для подключённого магазина WB сначала показывается предпросмотр, а отправка начинается только после явного подтверждения пользователя. Для Ozon и Яндекс Маркета пока скачай файлы и загрузи их вручную через кабинеты площадок.

Как адаптировать шаблон инфографики под свой товар

Рядом по теме: инфографика для маркетплейсов, как сделать инфографику и размер и требования к инфографике.

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

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

Обязательно ли использовать 900 на 1200 пикселей? Это формат экспорта Инфографова и удобная основа 3 на 4. Точные технические требования проверяй по справке конкретной площадки.

Как понять, что текст попал в safe zone? Он не прижат к краям, не закрывает товар и остаётся читаемым в маленьком мобильном превью.

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

Нужен ли отдельный файл на каждый цвет? Да. Отдельная версия снижает риск отправить фото одного цвета в SKU другого. Общими оставляй только действительно одинаковые факты.

Что означают 10 токенов за кадр? Это перегенерация одного из шести кадров. Седьмая карточка в комплект не добавляется.

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

Короткий итог

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

Собрать версию из подтверждённых фактов

Стартовый комплект поможет проверить сетку и содержание на одном SKU до подготовки остальных версий.