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