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

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

Добавить таймер на лендингPro на 7 дней бесплатно, без карты

Как добавить таймер: по шагам

Таймер можно поставить в любое место страницы, обычно — над ценой или над формой.

  • Откройте лендинг кнопкой «Редактор».
  • Выделите блок, после которого должен стоять таймер.
  • В левой панели на вкладке «Блоки» найдите «Таймер акции» в группе «Продажа» или впишите «таймер» в поиск «Найти блок…». Ещё быстрее — нажмите клавишу «/» и начните писать «таймер».
  • Выберите «Базовый» или один из готовых вариантов — блок встанет после выделенного.
  • Справа в разделе «Содержимое» заполните «Заголовок над таймером», «Часы» (0–99) и «Минуты» (0–59).
  • Нажмите «Опубликовать» — без этого покупатели таймер не увидят.
Левая панель «Блоки»: поиск «Найти блок…» и плитка «Таймер акции» в группе «Продажа»
Выделите блок, после которого должен стоять таймер, и щёлкните плитку «Таймер акции» — или нажмите «/» и введите «таймер».

Как считает таймер

Отсчёт начинается с заданных часов и минут каждый раз, когда страницу открывают. Для каждого посетителя ничего не запоминается: после обновления страницы таймер стартует заново, а дойдя до нуля, начинает по кругу. Поэтому у разных людей и у одного человека после обновления время разное — так задумано.

Ячейки подписаны «Дні : Години : Хвилини : Секунди» на языке, выбранном в «Язык подписей на странице» в настройках лендинга; ячейка дней показывается всегда. Перед заголовком стоит значок ⏰. Если задать 0 часов и 0 минут, блок на странице ничего не показывает.

Панель блока «Таймер акции»: заголовок над таймером, часы (5) и минуты (0)
Отсчёт стартует с этих часов и минут каждый раз, когда страницу открывают. Нули в обоих полях — таймер не показывается.

Таймер в липкой шапке

Второй способ показать отсчёт — блок «Липкая шапка» из той же группы «Продажа». В нём поля «Текст шапки», «Часы», «Минуты» и «Текст кнопки». Шапка всегда закреплена вверху страницы, где бы она ни стояла в списке блоков; часы показывают часы, минуты и секунды и работают так же «вечнозелёно». Кнопка шапки ведёт к первой форме заявки или квизу, а вид шапки задаёт тема оформления. С нулями в часах и минутах часов в шапке нет.

Как указать конкретную дату акции

Задать фиксированную дату или общий для всех дедлайн в таймере нельзя. Если акция действительно заканчивается в определённый день, напишите это текстом — в блоке «Заголовок» или «Текст», например «Акция действует до 20 октября», — и измените или уберите надпись вручную, когда акция закончится.

Не совмещайте дату в тексте с таймером, который показывает другой срок: покупатель, вернувшийся завтра, увидит отсчёт сначала, и обещание перестанет выглядеть честным. Если дата есть, таймер лучше убрать или скрыть: значок глаза «Скрыть блок» на панели блока оставляет его в редакторе с меткой «скрыт», но покупатели его не видят. Как перемещать, скрывать и дублировать блоки, — в статье Блоки: переместить, скрыть, дублировать.

Если таймера не видно на странице

Проверьте по очереди: не стоят ли нули в «Часы» и «Минуты»; нет ли на блоке метки «скрыт»; нажата ли «Опубликовать» — статус в шапке редактора должен быть «В эфире», а не «Правки не опубликованы». О публикации изменений — в статье Публикация изменений.

Шапка редактора: статус «Правки не опубликованы», «Предпросмотр» и кнопка «Опубликовать»
Таймер появится на сайте только после «Опубликовать»: статус должен смениться с «Правки не опубликованы» на «В эфире».

Чего здесь нет

Таймер не знает даты окончания, не запоминает посетителя и ничего не меняет на странице, когда доходит до нуля: не скрывает цену и не выключает форму. Шрифт и анимацию таймера не настроить — из оформления доступны только общие для блоков «Секция (фон-полоса)», «Выравнивание», «Цвет текста» и «Фон блока». Число в блоке «Осталось N» тоже статичное и само не уменьшается.

Частые вопросы

Как добавить таймер обратного отсчёта?

В редакторе добавьте блок «Таймер акции» из группы «Продажа» (или нажмите «/» и введите «таймер»), заполните «Заголовок над таймером», «Часы» и «Минуты» и нажмите «Опубликовать».

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

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

Как поставить конкретную дату окончания акции?

В таймере — никак: в нём только часы и минуты от захода посетителя. Дату пишите текстом в блоке «Заголовок» или «Текст» и меняйте вручную.

Почему подписи таймера на украинском, хотя страница на другом языке?

Подписи ячеек зависят от «Язык подписей на странице» в настройках лендинга, вкладка «Адрес и пиксели». Смените язык там и сохраните.

Другие направления

Попробуйте прямо сейчас

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

Prom, AliExpress, Amazon или любой магазин. Без регистрации — результат увидите сразу.AliExpress, Amazon, eBay или любой магазин. Без регистрации — результат увидите сразу.

Добавить таймер на лендинг

Pro на 7 дней бесплатно, без карты