Как добавить таймер в Тильде

Таймер обратного отсчёта на обложке Тильды собирается из штатных блоков: на страницу добавляется блок CR34 или CR35 из категории «Обложка», а дата, время и часовой пояс задаются в панели «Контент» этого блока ^[1]. Сторонние скрипты для такой задачи не нужны, и весь проход укладывается в несколько шагов до публикации.

Выбор блока CR34 или CR35 и размещение на обложке

Откройте страницу в редакторе и добавьте блок категории «Обложка» — CR34 или CR35 ^[2]. Оба варианта содержат таймер обратного отсчёта до определённого времени в будущем, поэтому подходят для страницы акции или события ^[2].

Выберите обложку, в которой удобно разместить заголовок, таймер и кнопку записи. После заполнения проверьте на узком экране, что отсчёт и кнопка не перекрывают друг друга. Для этого примера оставьте штатный блок: справка предупреждает, что при конвертации обложки в Zero Block внесённые изменения не сохранятся ^[2].

Если страница собрана вручную и штатный блок не подходит, есть отдельный разбор как добавить HTML-код в Тильде — но для таймера до события это избыточный путь. Общие вопросы по сборке страницы с кнопкой и формой разобраны в материале FAQ для сайта с нейросетью.

Дата, время и часовой пояс в панели «Контент»

Откройте панель «Контент» блока. Там три поля: дата окончания, время окончания и часовой пояс момента, до которого идёт отсчёт ^[2]. Отсчёт идёт до момента, заданного парой даты и времени; часовой пояс определяет, в каком времени этот момент считается.

Пояс здесь решает две вещи. Он задаёт сам момент окончания на шкале: если аудитория в Москве, а поле стоит в другом поясе, обнуление произойдёт не тогда, когда вы объявили. И он же задаёт пояс ежедневного обнуления, когда включён режим перезапуска, — часовой пояс обнуления таймера задаётся во вкладке «Контент» блока с таймером ^[1]. Когда дата настроена верно, в обложке появляется таймер ^[2].

Учебный пример

Входные данные для учебного вебинара: событие 20 декабря 2026 года, начало в 18:00 по Москве.

В настройках блока снимите галочку «Скрывать дни в таймере». Этот переключатель находится отдельно от полей «Контента».

Заполненный результат: до 20 декабря 2026, 18:00 по Москве таймер показывает остаток в днях, часах, минутах и секундах; после этого момента отсчёт обнуляется. Проверка на этом шаге — сверить, что выбранный в поле TIMER TIMEZONE пояс соответствует тому, в котором объявлено начало вебинара.

Почему ежедневный перезапуск не подходит фиксированному событию

У блока таймера есть второй режим: галочка «Скрывать дни в таймере» в настройках блока. Если её поставить, отсчёт будет возобновляться в 00:00 ежедневно до окончания срока, указанного во вкладке «Контент» ^[1].

Для учебного вебинара нужен отсчёт до одного момента — 20 декабря 2026 года, 18:00 по Москве. Ежедневный перезапуск меняет смысл счётчика: он возобновляется каждую полночь вместо непрерывного отсчёта до старта. Поэтому оставьте «Скрывать дни в таймере» выключенным.

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

Перед публикацией пройдите этот чек-лист.

• TIMER DEADLINE DATE совпадает с датой события.
• TIMER DEADLINE TIME совпадает с объявленным временем начала.
• TIMER TIMEZONE соответствует поясу, в котором объявлено событие; для московского вебинара это UTC+3.
• Галочка «Скрывать дни в таймере» выключена, если дедлайн фиксированный.
• В предпросмотре на десктопе таймер отображается и показывает остаток до заданного момента.
• В предпросмотре на мобильной ширине таймер виден и не перекрывается кнопкой записи.
• Кнопка записи остаётся кликабельной и не перекрыта элементами таймера.

Проверка на телефоне обязательна отдельно: блоки-обложки адаптируются под устройства, и раскладка на узком экране отличается от десктопной ^[2]. Отдельно сверьте часовой пояс: само наличие таймера в обложке ещё не подтверждает, что выбран нужный момент окончания.

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