Обратный отсчет для акций и промокодов

Добавляйте на блочные страницы приложения «Сайт» таймер отсчета выбранной даты и времени: для акций, распродаж, промокодов, запусков и других событий с дедлайном.

Плагин добавляет в конструктор блочных страниц элемент «Счётчик обратного отсчёта». Он помогает показать посетителям, сколько времени осталось до окончания акции, действия промокода, старта продаж, запуска продукта или другого важного события.

Для каких страниц подойдёт

Используйте таймер там, где важно подчеркнуть ограничение по времени:

на лендинге акции или распродажи;

в блоке с промокодом;

в баннере, hero-блоке или отдельной секции с дедлайном;

на главной странице сайта или магазина;

на промостранице сезонного предложения;

на странице запуска нового товара или услуги;

на странице регистрации на мероприятие.

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

Гибкая настройка даты и времени

Укажите конечную дату и время, до которых должен идти обратный отсчёт. Таймер будет показывать, сколько осталось дней, часов, минут и секунд.

Можно включить или отключить показ секунд. Дни и часы отображаются автоматически, чтобы счётчик не был перегружен лишними нулями.

Поведение после окончания отсчёта

Настройте, что произойдёт после завершения таймера:

показать текст, например «Акция завершена»;

оставить значение 00:00:00;

скрыть таймер со страницы.

Это помогает аккуратно обработать момент, когда акция, промокод или событие уже закончились.

Несколько визуальных стилей

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

Минимальный стиль — для спокойных страниц, строгого дизайна и плотных блоков, где уже много информации и таймер должен занимать минимум места.

Семисегментный стиль — для цифровой или ретро-технической стилистики: визуально напоминает электронные часы, табло и дисплеи.

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

Круговые индикаторы — для современных промоблоков, технологичных брендов и страниц, где таймер должен выглядеть как самостоятельный визуальный акцент.

Текстовый вариант — для лёгких и лаконичных секций, где таймер должен поддерживать сообщение, а не перетягивать всё внимание на себя.

Настройка оформления без кода

Оформление таймера настраивается прямо в редакторе блочной страницы.

Можно настроить:

фон карточек или экрана;

размер цифр;

подписи к значениям;

цвет и размер подписей;

тип разделителей;

мигание разделителей;

отступы, фон, границы и скругления элемента;

видимость на разных устройствах;

HTML-идентификатор элемента.

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

Подписи и разделители

Подписи «Дни», «Часы», «Минуты», «Секунды» можно включить, отключить или переименовать. Это удобно, если нужно сделать более короткий, строгий или, наоборот, более понятный для посетителя вариант таймера.

Для разделителей можно выбрать двоеточие, точку, слэш или использовать отступы между блоками. Если секунды отключены, разделитель может мягко мигать.

Когда особенно полезен

нужно показать, что акция скоро закончится;

нужно добавить дедлайн к промокоду;

нужно оформить распродажу на главной странице;

нужно сделать обратный отсчёт до старта продаж;

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

Как использовать

Установите плагин через приложение «Инсталлер».

Откройте блочную страницу в приложении «Сайт».

Добавьте элемент «Счётчик обратного отсчёта» в нужный блок.

Укажите дату и время окончания отсчёта.

Выберите визуальный стиль таймера.

Настройте цвета, размер цифр, подписи, разделители и поведение после окончания.