Баннер-лента для конструктора Сайта

Плагин для конструктора сайтов Webasyst позволяет добавлять на страницу эффектную промо-ленту в виде растяжки: узкий баннер с повторяющимся текстом, иконками или изображениями, который можно использовать для скидок, промокодов, бесплатной доставки, новинок, важных объявлений и логотипов партнёров.

Лента может быть статичной или анимированной в формате «бегущей строки». Настройте текст, изображение, фон, скорость движения, направление, отступы, ссылку и отображение на разных устройствах — всё через привычные настройки блока.

Баннер-ленты — популярный приём в современном веб-дизайне: они помогают добавить странице заметный визуальный акцент и движение, подчёркивают важные сообщения и делают промо-блоки более живыми.

Когда пригодится

Используйте баннер-ленту, чтобы:

показать промокод или скидку;

добавить заметное объявление на главную страницу;

оформить страницу сезонной акции: Новый год, 8 Марта, Black Friday, распродажа;

показать бренды товаров или партнёров в виде ленты из логотипов;

сделать декоративный разделитель между блоками.

Быстрый старт с готовыми пресетами

Не нужно собирать дизайн с нуля. В плагине есть готовые пресеты, примеры текстов для промо-баннеров, сезонных акций, эмодзи и SVG-иконки. Выберите подходящий вариант и адаптируйте его под свой сайт.

BLACK FRIDAY • Скидки до 50% • Только до воскресенья

Бесплатная доставка от 5000 ₽

NEW COLLECTION • Весна 2026

Промокод: SALE10

Настройка текста

Вы можете гибко оформить повторяющийся текст:

стиль обычного текста или заголовка, используемый в теме дизайна страницы;

жирный , курсив , подчёркивание и зачёркивание ;

размер шрифта из библиотеки темы дизайна или произвольное значение;

цвет из палитры темы дизайна или собственный цвет;

поворот текста на любой угол;

тень для текста.

Изображения, SVG и иконки

Добавляйте изображение или иконку рядом с текстом или отдельно, без текста:

обычной загрузкой файла;

через SVG-код с возможностью изменить цвет;

по URL изображения.

Настраивайте размер, пропорции, позицию, отступ относительно текста и угол поворота.

Анимация «бегущей строки»

Сделайте ленту более заметной с помощью плавной непрерывной анимации:

настройка скорости движения;

направление слева направо или справа налево;

пауза при наведении;

возможность оставить ленту без анимации.

Внешний вид блока

Баннер-лента поддерживает основные настройки оформления:

ссылка на акцию, каталог, товар или страницу;

фон: цвет из палитры, градиент или изображение;

высота блока;

поворот всего блока на любой угол;

интервал между повторениями текста с изображением;

тень, границы и скругления углов;

внешние и внутренние отступы;

скрытие блока на выбранных типах устройств;

ID блока для интеграций и дополнительной стилизации.