Біжучий рядок (announcement bar) — це вузька смуга вгорі сайту, яку бачить кожен відвідувач незалежно від того, з якої сторінки він зайшов. Це найдорожча «нерухомість» на сайті за охопленням: один рядок, але 100% переглядів. Саме тому важливо не змарнувати його на банальне «Ласкаво просимо», а покласти туди повідомлення, що реально впливає на рішення купити. Розберемо, що писати, як не дратувати й як налаштувати рядок на Хорошоп (Horoshop).
Безкоштовна доставка — найсильніший важіль у e-commerce. За даними Invesp, близько 58% покупців свідомо додають товари в кошик, щоб дотягнути до порогу безкоштовної доставки, а замовлення з безкоштовною доставкою в середньому на ~30% більші за сумою. Тому повідомлення про поріг — один із найкращих кандидатів на місце у верхньому рядку: воно й помітне всім, і прямо піднімає середній чек.
Що писати в біжучий рядок
Хороший рядок несе одне чітке повідомлення з вигодою або дією. Кілька перевірених сценаріїв, від найсильнішого до ситуативних:
- Поріг безкоштовної доставки: «Безкоштовна доставка від 1500 ₴». Найкорисніший варіант — він прямо мотивує добрати кошик. Як підбирати поріг, ми розібрали в гайді як підняти середній чек.
- Поточна акція з дедлайном: «−20% на весь каталог до неділі». Конкретна знижка + конкретний строк діють краще за абстрактний «розпродаж».
- Промокод на першу покупку: «Промокод WELCOME — −10% на перше замовлення».
- Сезонний/логістичний графік: «Замовлення до 14:00 відправляємо сьогодні» або режим роботи у свята — знімає невизначеність.
- Унікальна перевага: «Оплата при отриманні · Повернення 14 днів» — для нового відвідувача це аргумент довіри.
Головне правило — одне повідомлення за раз. Якщо ви напхаєте в рядок три акції, графік і телефон, читач не сприйме нічого. Якщо акцій кілька, краще чергувати їх по черзі, ніж тиснути в один рядок.
Читабельність і UX: де проходить межа
Рядок стає подразником не через сам факт існування, а через виконання. Найчастіші помилки — занадто швидкий або нескінченний рух тексту, низький контраст і неможливість його закрити. Біжучий рядок має допомагати читати, а не змушувати ловити очима слова.
- Тримайте текст коротким: до ~60 символів, орієнтовно 8–12 слів. Довший рядок обрізається й гірше читається.
- Якщо текст рухається — швидкість має бути спокійною, щоб встигнути прочитати без напруги. Статичний рядок часто читабельніший за біжучий.
- Контраст фону й тексту — достатній для читання; уникайте «кислотних» поєднань, що бʼють по очах.
- Дайте змогу закрити рядок. Нав’язлива смуга, яку неможливо прибрати, дратує більше, ніж допомагає.
- Колір рядка має поєднуватися з брендом, а не сперечатися з ним — це елемент дизайну, а не світлофор.
Мобільний — головний екран
Більшість трафіку українських магазинів — мобільна, тож саме на телефоні рядок має виглядати бездоганно. На вузькому екрані довге повідомлення обрізається або налазить на меню, а надто висока смуга зʼїдає цінний простір над товаром. Тестуйте рядок насамперед на смартфоні: якщо повідомлення не читається з першого погляду в русі чи в один рядок, його треба скоротити.
Памʼятайте про загальний баланс екрана: на мобільному вже працюють інші елементи — наприклад, липка кнопка «Купити» внизу. Рядок не повинен з ними конкурувати за увагу. Один сильний акцент угорі й одна дія внизу — цього достатньо.
Біжучий рядок — це гучномовець сайту. Через нього варто говорити одне важливе, а не всі новини одразу. Тиша краща за шум.
Як зробити біжучий рядок на Хорошоп
Стандартні теми Хорошоп не завжди дають гнучкий керований рядок із розкладом показу й порогом доставки. Готовий віджет біжучого рядка від widgetis вмикається без розробки: ви задаєте текст, колір, швидкість і де його показувати, а за потреби — чергуєте кілька повідомлень. Поєднайте його з порогом безкоштовної доставки в кошику, щоб обіцянка з рядка підкріплювалася прогрес-індикатором на сторінці товару.
Терміновість у рядку працює, лише коли вона чесна. Дедлайн акції має бути справжнім, а «−50% сьогодні» не повинне тривати щодня. Про межу між здоровою терміновістю й маніпуляцією — у матеріалі про психологію терміновості й дефіциту.
Подивитися візуальні віджетиЧасті питання
Що краще писати в біжучому рядку?
Найсильніше повідомлення — поріг безкоштовної доставки («Безкоштовна доставка від 1500 ₴»), бо воно прямо мотивує добрати кошик. Далі — поточна акція з конкретним дедлайном, промокод на першу покупку або логістичний графік. Головне правило: одне чітке повідомлення за раз.
Чи дратує покупців біжучий рядок?
Дратує не сам рядок, а помилки виконання: занадто швидкий рух тексту, низький контраст, неможливість закрити й перевантаження кількома повідомленнями. Якщо текст короткий, спокійний і його можна прибрати — рядок сприймається як корисна підказка, а не як реклама.
Яка має бути довжина тексту?
Орієнтовно до 60 символів (8–12 слів), щоб повідомлення повністю вмістилося на мобільному екрані й читалося з першого погляду. Довгі фрази обрізаються або налазять на меню. Якщо треба сказати більше — чергуйте кілька коротких повідомлень.
Чи можна додати рядок на Хорошоп без програміста?
Так. [Віджет біжучого рядка](/widgets/promo-line) від widgetis вмикається на сайті Хорошоп без розробки: ви налаштовуєте текст, колір, швидкість руху та сторінки показу самостійно, за потреби чергуючи кілька повідомлень.