Ми в Turboshop роками спостерігали одну й ту саму картину: магазин запускає акцію з безкоштовною доставкою, вкладає гроші в рекламу, а на самому сайті про неї повідомляє хіба що банер десь посередині головної. Відвідувач заходить на картку товару з пошуку — і про акцію не дізнається взагалі. Найпомітніше місце будь-якої сторінки, тонка смуга над шапкою, просто пустувало. Тому ми зробили віджет «Бігуча стрічка»: повідомлення над шапкою про акцію, безкоштовну доставку чи нову колекцію — з посиланням, відліком до кінця та розкладом показу. І свідомо поставили його першим у серії про віджети: з нього найпростіше почати, а віддачу ви бачите з першого дня.
Що втрачає магазин без стрічки і навіщо ми її зробили
Ми бачимо в магазинах клієнтів: більшість відвідувачів заходить не на головну, а одразу на картку товару чи категорію — з пошуку, реклами, прайс-агрегаторів. Якщо головна пропозиція живе лише на головній сторінці, її не побачить більшість людей, за яких ви заплатили. Стрічка — це повідомлення, яке ви хочете донести кожному, на кожній сторінці, не займаючи місця в основному контенті. Ось сценарії, які ми закладали, коли проєктували цей віджет оголошення:
- «Безкоштовна доставка від 1500 ₴ — тільки цього тижня» — стимул добрати кошик до порогу;
- анонс розпродажу з відліком до кінця — чесна терміновість без банерів на пів екрана;
- попередження про підвищення цін із наступної поставки — чесний привід купити зараз, поки діє стара ціна;
- сезонне повідомлення: графік роботи на свята, нова колекція, відкриття точки видачі;
- умови для окремої аудиторії: стрічка лише для авторизованих або лише в розділі каталогу.
Уявіть відвідувача, який зайшов на картку кросівок із реклами й ще до опису товару побачив над шапкою: «Безкоштовна доставка від 1500 ₴ — тільки цього тижня». Він ще не порівнював ціни, а вже знає, чому купувати варто саме зараз і саме у вас. Це і є той ефект, заради якого ми робили стрічку акцій для інтернет-магазину.
До трьох повідомлень, у кожного — своє посилання
Ми обмежили стрічку трьома повідомленнями свідомо: більше — і смуга перетворюється на шум, який покупець перестає читати. У вкладці віджета є блок «Повідомлення (до 3, кожне з необов’язковим посиланням)». Для кожного повідомлення — текст українською та російською і поле «Посилання». Посилання може вести на сторінку акції, добірку товарів або статтю з умовами доставки, тож стрічка не просто інформує, а веде людину туди, де вона витратить гроші. Перше повідомлення ми вже заповнили прикладом, друге й третє порожні — порожнє повідомлення просто не виводиться.
Ми дозволили закривати стрічку, бо поважаємо вибір покупця: перемикач «Можна закрити» додає хрестик, а поле «Не показувати повторно після закриття, днів» визначає, на скільки днів вона зникне для цього відвідувача. Значення 0 означає «лише на поточну сесію». Ви отримуєте помітну смугу, яка не дратує тих, хто її вже прочитав, — а роздратований відвідувач, як ми знаємо, не купує.
Три шаблони виводу: ми зробили їх під різні задачі
Ми не хотіли давати один варіант «на всі випадки», бо постійні умови доставки й триденний розпродаж потребують різної подачі. Поле «Шаблон виводу» пропонує три варіанти:
- «Статичний рядок» — одне повідомлення по центру, найспокійніший варіант для постійних умов на кшталт порогу безкоштовної доставки;
- «Біжучий рядок» — текст плавно пливе зліва направо, як у теленовинах. Рух привертає око до короткої акції;
- «По черзі» — повідомлення змінюють одне одного з інтервалом із поля «Інтервал перемикання, секунд». Так ви показуєте три різні пропозиції на одній смузі.
Позицію ви обираєте самі: «Над шапкою» або «Під шапкою». Кольори фону й тексту ми беремо з палітри вашої теми — «Основний», «Другорядний», «Темний», «Світлий», — і зробили це навмисно: ми надивилися на стрічки «кислотних» кольорів зі сторонніх сервісів, які виглядали чужорідно на акуратній вітрині. У вас стрічка виглядатиме як частина дизайну, без підбору кольорів вручну.
Зворотний відлік до дати: терміновість, яка не бреше
Найсильніший інструмент стрічки ми зробили таким, щоб він не міг обманути. Перемикач «Зворотний відлік до дати» разом із полем «Дата й час завершення» додає поруч із текстом лічильник днів, годин і хвилин «до кінця акції». Ми навмисно прив’язали зворотний відлік акції до реальної дати: коли вона минає, лічильник зникає сам, а якщо дату не вказано або вона в минулому, відлік просто не показується.
Ми принципово не додавали «вічних останніх годин», які скидаються при кожному заході: покупці швидко розпізнають такий трюк, і разом із довірою до лічильника ви втрачаєте довіру до магазину. Чесний відлік працює на вас: людина бачить, що часу справді мало, і ухвалює рішення сьогодні, а не «колись потім».
Розклад і правила показу: щоб ви не тримали акцію в голові
Ми знаємо, як це буває: акція «до неділі» висить на сайті до середи, бо в понеділок було не до того. Покупець бачить прострочену обіцянку — і ви або даєте знижку, якої вже не планували, або сперечаєтеся з людиною й втрачаєте її. Тому в блоці «Де показувати», спільному для всіх віджетів, ми зробили два поля, які для акцій найкорисніші: «Показувати з» і «Показувати до». Задайте дати заздалегідь — стрічка сама увімкнеться в перший день і зникне в останній, за часовим поясом магазину.
Інші правила теж працюють: «Сторінки» (усі, головна, каталог, товар або за маскою адреси на кшталт /catalog/*), «Аудиторія» (усі, гості, авторизовані, нові відвідувачі), «Пристрої», «Частота показу». Наприклад, умови для дилерів ви можете показати лише авторизованим покупцям і лише в каталозі — роздрібний відвідувач їх навіть не побачить.
Мобільна версія і SEO: два рішення, які ми ухвалили свідомо
На телефоні ми вмістили стрічку в один рядок, щоб вона не перекривала шапку з кошиком: у магазинах наших клієнтів більшість замовлень оформлюють з мобільного, і кожен зайвий піксель над шапкою відсуває товар нижче. І важлива відмінність від інших віджетів: стрічку бачать пошукові роботи. Усі попапи ми ховаємо від ботів, щоб не засмічувати індекс, а бігучий рядок на сайті індексується як звичайний текст сторінки — тобто ваша акційна пропозиція може з’явитися і в сніпеті видачі, ще до переходу на сайт.
Як увімкнути за хвилину
- Відкрийте «Налаштування → Віджети», вкладка «Бігуча стрічка».
- Увімкніть перемикач «Увімкнено», відредагуйте перше повідомлення й додайте посилання.
- Оберіть шаблон і позицію, за потреби — відлік до дати.
- У блоці «Де показувати» задайте розклад акції.
- Натисніть «Зберегти», потім «Попередній перегляд» — і подивіться всі три шаблони, не змінюючи налаштування.
Приклади за нішами: як ми радимо використовувати стрічку
- Одяг. «По черзі» з трьома повідомленнями: доставка, нова колекція, розпродаж із відліком — покупець за кілька секунд бачить усі три причини лишитися.
- Техніка. Статичний рядок про підвищення цін на серію з наступної поставки: чесне пояснення, чому вигідніше замовити сьогодні.
- Продукти й доставка їжі. Статичний рядок про мінімальну суму замовлення та години доставки сьогодні — менше дзвінків «а ви ще привезете?».
- Оптовий постачальник. Стрічка з маскою
/catalog/*і аудиторією «Лише авторизовані» — умови для дилерів бачать тільки дилери. - Сезонний бізнес. Розклад «з / до» на святковий графік роботи, який зникне сам після свят.
Часті питання
Чи можна показати різні стрічки на різних сторінках? Стрічка одна, але з трьома повідомленнями та правилами «Де показувати». Для різних розділів використовуйте маску адреси або сторінки з переліку.
Що буде, коли акція закінчиться? Якщо задано «Показувати до», стрічка зникне сама. Відлік до дати теж зникає після завершення.
Чи сповільнює стрічка сайт? Ні: ми не додавали до модуля віджетів власних JavaScript-бібліотек, а рішення «показувати чи ні» ухвалюється на сервері, тому сторінки лишаються кешованими.
Як побачити результат до покупців? Кнопка «Попередній перегляд» у кінці вкладки показує стрічку в реальному макеті теми, з перемиканням усіх трьох шаблонів.
Підсумок: що ви отримуєте
Ми зробили бігучу стрічку, щоб ваша головна пропозиція дійшла до кожного відвідувача на кожній сторінці — без розробника, без сторонніх сервісів і без прострочених акцій. Ви отримуєте одну вкладку налаштувань, три шаблони, чесний відлік до дати й розклад, який усе зробить сам. Загальний огляд розділу з усіма вісьмома віджетами — у статті «Віджети вітрини в Turboshop», а всі нові можливості платформи — в рубриці «Можливості».