Покупець відкриває категорію на сорок товарів і за кілька секунд вирішує, які три відкрити. Він не читає назви — він сканує сітку поглядом і чіпляється за те, що виділяється. Бейдж — найдешевший спосіб потрапити в ці три: маленька позначка «-30%» або «новинка» в кутку картинки.
Серед інструментів маркетингу в магазині це чи не найдешевший: працює без бюджету й без згоди покупця на щось. Рівно та сама механіка працює проти вас, коли позначок стає багато. Розберемо, де межа, і як зробити так, щоб бейджі не доводилося прибирати руками через місяць після акції.
Чому позначка сильніша за текст у назві
Візуальне сканування каталогу відрізняється від читання. Око рухається по сітці, зупиняючись на контрастних плямах, і лише потім мозок читає те, що біля них. Кольорова позначка — контрастна пляма за визначенням, тому вона й спрацьовує.
| Спосіб виділити товар | Що бачить покупець при скануванні |
|---|---|
| Слово «новинка» в назві | нічого — назва читається вже після вибору |
| Червона ціна | помітно, але лише в порівнянні з іншими цінами |
| Бейдж у кутку зображення | помітно одразу, до читання |
Із цього ж випливає й обмеження, про яке варто знати заздалегідь: якщо позначок багато, вони перестають бути контрастом. Дослідження банерної сліпоти показують, що люди навчилися ігнорувати елементи, схожі на рекламу, — і строкатий каталог зчитується саме так.
Скільки бейджів на картку
Практична межа — два-три. У CommerCentr це не порада в довідці, а налаштування з дефолтом три: більше просто не виводиться, навіть якщо товар підпадає під пʼять правил одночасно.
Обмеження тут захищає від типового сценарію: товар потрапив на акцію, він же новинка, він же з категорії з власною позначкою, він же від бренду з позначкою — і картка перетворюється на гірлянду, у якій не видно самого товару.
Пріоритет при цьому визначений: ручне призначення на товар важливіше за групові правила. Якщо ви навмисно поставили бейдж конкретній позиції, він не буде витіснений автоматичним. Логіка проста — конкретне рішення людини сильніше за загальне правило.
Автоправила: щоб не розставляти руками
Розставляти позначки вручну на каталозі в тисячу товарів неможливо, тому основна робота — за правилами. Чотири типи покривають майже все, що потрібно магазину.
Акційна ціна. Бейдж зʼявляється сам, щойно в товару зʼявляється знижена ціна, і зникає, коли вона закінчується. Це найважливіше з правил: акційні позначки, які лишилися після акції, — не просто безлад, а привід для претензії від покупця.
Новинка. Товар вважається новим N днів після додавання, і кількість днів налаштовується. Це теж важливо: для одягу тридцять днів — норма, для електроніки або продуктів — забагато.
Категорія і бренд. Позначка для всієї групи товарів: власний імпорт, локальний виробник, розпродаж колекції. Ставиться один раз на категорію й діє на все, що в неї потрапляє далі, включно з товарами, доданими завтра.
Спільне в усіх чотирьох — вони самі себе прибирають. Товар вийшов з акції, минув строк новинки, товар перенесли в іншу категорію — позначка зникла без чийогось втручання.
Чого автоправила не вміють
І тут ми доходимо до реальної діри, яку видно на першій же підготовці до розпродажу.
Правило «акційна ціна» реагує на факт знижки, а не на дату. Але кампанії плануються заздалегідь: «чорна пʼятниця з 28 до 30 листопада», «весняна колекція до кінця березня». Бейдж під таку кампанію доводиться вмикати руками ввечері напередодні та вимикати руками вранці після.
Другий раз про це згадують у понеділок, коли покупці все ще бачать «-40% лише сьогодні» на товарах за повною ціною. Це не косметична проблема: обіцянка знижки, якої вже немає, — пряма причина скарги, а в деяких юрисдикціях — питання до реклами.
Розклад показу: бейдж, який вимикається сам
Саме це закриває розширення Badge Pro. У формі бейджа зʼявляються два поля — початок і кінець показу. Поза вікном бейдж не виводиться взагалі, і повертати нічого не треба.
Порожні поля означають «без обмеження», тож постійні позначки на кшталт «власне виробництво» працюють як і раніше — вікно потрібне лише тим бейджам, у яких є термін.
Одна деталь реалізації, яку варто знати, бо вона рятує від тихої помилки: якщо переплутати місцями дати й вказати кінець раніше за початок, бейдж не показувався б ніколи — і причина цього була б невидимою в інтерфейсі. Тому перевернуте вікно міняється місцями при збереженні, замість зберегти пастку.
Друга частина розширення — власна іконка. У базовому наборі позначок обмежений набір значків, і магазину зі своєю айдентикою цього часто мало. Pro дозволяє завантажити власний SVG прямо у формі бейджа.
Тут теж є технічна обережність, про яку варто сказати прямо: SVG — це не картинка, а розмітка, здатна містити скрипти. Вона виводиться на кожній картці каталогу, тож завантажений файл очищується — скрипти, обробники подій і зовнішні посилання вирізаються. Інакше поле іконки стало б способом виконати чужий код на вітрині магазину.
Колір, розмір і місце: що вирішує до тексту
Позначку зчитують раніше, ніж читають, тому оформлення тут важить більше за формулювання.
Колір має означати щось одне. Червоний, зайнятий знижкою, не варто давати ще й новинкам: покупець за кілька карток вивчає вашу колірну мову й далі покладається на неї, не читаючи. Дві різні речі одного кольору цю мову ламають.
Контраст важливіший за яскравість. Бейдж лежить поверх фотографії товару, а фотографії різні: позначка, яка чудово виглядає на темному фоні, зникає на світлому. Надійніше працює щільна підкладка з коротким текстом, ніж напівпрозорий шар.
Кут — не випадковий вибір. Позначки прийнято ставити у верхньому куті зображення, і зміщення їх у центр справді підвищує помітність — ціною того, що вони закривають сам товар. Виграш у першу секунду обертається програшем у другу, коли покупець не бачить, що саме продається.
Текст — одне-два слова. Бейдж читають периферійним зором: «-30%», «новинка», «останні». Речення в позначці не читається взагалі й працює просто як кольорова пляма.
Окремо про доступність: колір не має бути єдиним носієм змісту. Якщо різниця між двома позначками лише у відтінку, частина покупців її не побачить — тому текст на бейджі потрібен навіть тоді, коли колір здається самоочевидним.
Як цим користуватися, щоб бейджі не знецінилися
Кілька правил, які не залежать від платформи.
Одна позначка — одна причина відкрити картку. Якщо покупець не може за секунду сказати, що означає ваш бейдж, він його не рахує. «Топ» і «хіт» на сусідніх товарах — приклад позначок, які не означають нічого.
Акційний бейдж мусить мати кінець. Завжди. Навіть якщо акція «безстрокова» — безстрокових акцій не буває, буває забута.
Не позначайте більше третини каталогу. Якщо позначка є в кожного другого товару, вона перестає виділяти й починає просто зашумлювати сітку.
Перевіряйте на мобільному. Картка на телефоні втричі менша, і три бейджі, які на десктопі виглядають акуратно, там закривають половину зображення товару.
Чого це не робить
Бейдж не робить товар привабливішим — він лише спрямовує увагу. Якщо позначити «хітом» позицію, яку ніхто не купує, зросте кількість переглядів картки, а не продажів. Іноді це навіть корисно як діагностика: стало видно, що проблема не в помітності, а в самій пропозиції.
Він також не керує знижкою. Позначка «-30%» відображає ціну, а не встановлює її: знижки живуть у ціноутворенні й акціях, бейдж лише повідомляє про них у каталозі.
І не замінює фільтри. Якщо покупець шукає новинки, йому потрібен фільтр, а не пошук очима по сітці. Позначки допомагають тому, хто гортає, а не тому, хто шукає конкретне.
Підсумок
Бейджі працюють, поки їх мало й поки вони чесні. Технічно магазину потрібні три речі: правила, які розставляють позначки самі; ліміт, який не дає картці перетворитися на гірлянду; і термін дії, після якого акційна позначка зникає без чийогось нагадування.
Перші дві в CommerCentr працюють безкоштовно. Третя — вікно показу — у платному розширенні разом із власною іконкою, і потрібна вона рівно тоді, коли ви починаєте планувати акції наперед, а не вмикати їх вручну того ж дня.
Просте самоперевірне питання: якщо завтра ви на тиждень підете у відпустку, чи лишиться каталог чесним? Якщо ні — бейджам бракує не дизайну, а дат.
Подивіться також сегментацію розсилки — акцію треба ще й комусь анонсувати, — і GPSR і дані про товар, якщо продаєте в ЄС.