Таймер обратного отсчёта на сайте показывает, сколько осталось до конца акции, распродажи, записи на курс или старта мероприятия. Он помогает принять решение сейчас, а не откладывать на потом. Но таймер — инструмент с подвохом: стоит посетителю один раз увидеть, что «последний час скидки» начался заново, и он перестаёт верить не только таймеру, но и сайту. Разберём, какие бывают таймеры, где их ставить, что писать рядом и как сделать честный отсчёт без программиста.
Зачем нужен таймер на сайте
Когда у предложения нет срока, решение легко отложить: «посмотрю ещё варианты», «вернусь в выходные». Реальный срок напоминает, что условия временные, и даёт повод действовать. Таймер делает этот срок наглядным: цифры, которые меняются на глазах, заметнее строчки «акция до 30 ноября» внизу страницы.
Таймер уместен, когда ограничение настоящее:
- распродажа или скидка до конкретной даты;
- набор в группу, вебинар, мероприятие с датой начала;
- предзаказ до выхода товара;
- сезонное предложение, которое действительно закончится;
- персональная скидка, которую вы готовы отменить по истечении срока.
Если ограничения нет, таймер не нужен: лучше объяснить выгоду предложения, чем изображать спешку.
Виды таймеров
| Вид | Как считает | Когда честный |
|---|---|---|
| До даты | До одной и той же даты и времени для всех посетителей | Всегда, если акция действительно заканчивается в эту дату |
| Персональный | Отсчёт запускается при первом визите конкретного человека и не начинается заново при следующих | Если по окончании условия для этого посетителя правда перестают действовать |
| Циклический («вечный») | Начинается заново при каждом визите или каждые сутки | Практически никогда: срок, который обнуляется, не срок |
Таймер до даты — самый простой и понятный: у всех одинаковый отсчёт, его легко проверить. Персональный подходит для приветственной скидки новому посетителю. Циклический встречается часто, но именно он подрывает доверие.
Почему «вечный» таймер вредит
Посетитель, который вернулся на сайт через день и увидел тот же «последний час», понимает, что его пытались поторопить обманом. Повторных визитов перед покупкой обычно несколько, поэтому шанс заметить обнуление высок. После этого любые сроки и скидки на сайте воспринимаются как уловка.
Есть и правовая сторона. Срочность, которой нет, — это недостоверная информация об условиях предложения. Закон «О рекламе» (38-ФЗ, ст. 5) запрещает недостоверную рекламу, в том числе не соответствующие действительности сведения о скидках и условиях приобретения товара, а закон «О защите прав потребителей» (ст. 10) требует достоверной информации о товаре. Безопасное правило простое: таймер показывает только тот срок, который вы выполните.
Где поставить таймер
- Рядом с кнопкой заказа или формой. Таймер должен быть там, где принимается решение, а не в подвале.
- Во всплывающем окне с предложением. Окно рассказывает об акции, таймер показывает срок, форма собирает контакт для промокода.
- В плашке сверху или снизу экрана. Узкая полоса «Скидка 20 % до пятницы» с таймером видна на всех страницах и не мешает читать.
- В блоке на странице. На посадочной акции или в карточке товара таймер стоит прямо в тексте, как часть страницы.
Один таймер на странице достаточно. Два отсчёта с разными сроками только запутают.
Что написать рядом с таймером
Цифры без пояснения ничего не говорят. Посетитель должен понять три вещи: что именно заканчивается, когда и что для этого сделать.
- Что: «Скидка 20 % на первый заказ», «Бесплатная доставка», «Запись в группу».
- Когда: конкретная дата и часовой пояс, если аудитория в разных регионах: «до пятницы 23:59 по Москве».
- Что сделать: «Оставьте телефон — пришлём промокод», «Оформите заказ до конца акции».
Если таймер стоит в окне, текст кнопки повторяет выгоду: «Получить скидку», а не «Отправить».
Как сделать таймер обратного отсчёта
Своим кодом
Простой таймер до даты — это несколько строк JavaScript. Дату задавайте с часовым поясом, иначе у посетителей из других регионов отсчёт разойдётся с вашим:
<div id="sale-timer">До конца акции: <span></span></div>
<script>
(function () {
var end = new Date('2026-11-30T23:59:00+03:00').getTime();
var box = document.getElementById('sale-timer');
var out = box.querySelector('span');
function pad(n) { return n < 10 ? '0' + n : String(n); }
function tick() {
var left = end - Date.now();
if (left <= 0) {
box.textContent = 'Акция завершилась';
clearInterval(timer);
return;
}
var s = Math.floor(left / 1000);
out.textContent = Math.floor(s / 86400) + ' д ' + pad(Math.floor(s % 86400 / 3600))
+ ':' + pad(Math.floor(s % 3600 / 60)) + ':' + pad(s % 60);
}
var timer = setInterval(tick, 1000);
tick();
})();
</script>
Такой код показывает отсчёт и надпись после окончания. Оформление, адаптивность, персональный режим и скрытие предложения после срока придётся дописывать самостоятельно. И помните: таймер в браузере только показывает время. Если скидка выдаётся промокодом, сам промокод должен перестать действовать в магазине в ту же минуту.
Блоком конструктора или плагином
Во многих конструкторах сайтов есть готовый блок таймера, для WordPress — плагины. Перед выбором проверьте три вещи: можно ли задать часовой пояс, что происходит после окончания отсчёта и нет ли режима, который незаметно перезапускает таймер.
Виджетом
Виджет подходит, когда таймер нужен вместе с предложением и формой: показать акцию, собрать контакт, выдать промокод и убрать окно, когда акция закончилась. Ставится одной строкой кода на любой сайт.
Таймер в «Ловце лидов»
В AllWidgets таймер — один из блоков виджета «Ловец лидов»: окна с предложением и формой заявки. Блок «Таймер» включается в карточке «Содержимое окна», рядом с заголовком, крупным акцентом вроде «−20 %», списком выгод и формой.
- Два режима отсчёта. «До даты окончания акции» — общий срок для всех с выбором часового пояса, от Калининграда до Камчатки. «От первого показа посетителю» — персональный срок от 1 до 1440 минут, который не начинается заново при следующих визитах.
- Что после окончания. «Больше не показывать» — окно перестаёт появляться, даже по клику на вашу кнопку, а если оно открыто в момент окончания, вместо цифр появится «Предложение завершилось». Или «Показывать без таймера» — предложение остаётся, отсчёт убирается.
- Вид. Плитки с часами, минутами и секундами или компактная строка.
- Где показать. Окно по центру, боковая панель, плашка сверху или снизу, карточка в углу или блок прямо в странице.
- Без «вечного» режима. Сбрасываемого таймера в виджете нет намеренно, а подсказка в редакторе напоминает: используйте таймер, только если выполните обещание.
Персональный отсчёт хранится в браузере посетителя: в другом браузере или после очистки данных сайта он начнётся заново. Учитывайте это, если ставите короткий срок на крупную скидку. Все поля таймера описаны в справке «Форматы окна, таймер, бонус и согласие на обработку ПДн», создание окна по шагам — в статье «Как создать и настроить «Ловец лидов»».
Что делать, когда акция закончилась
- Уберите предложение. Окно или блок со скидкой после срока должны исчезнуть, а промокод — перестать работать.
- Не продлевайте молча. Если решили продлить акцию, скажите об этом прямо: «Продлили до воскресенья». Таймер, который снова показывает «последний день», выглядит как обман.
- Подготовьте следующий шаг. Для тех, кто опоздал, можно оставить обычную форму заявки или подписку на новости о следующих акциях.
Как понять, что таймер помогает
Сравните заявки за период с таймером и без него при похожем трафике. В статистике «Ловца лидов» видна воронка: сколько раз окно показали, сколько посетителей заинтересовались и сколько оставили заявку. Если на сайте стоит Яндекс Метрика, виджет отправляет цели показа, интереса и заявки, по ним видно, из каких источников приходят люди, которые успевают воспользоваться предложением. Другие способы поднять число заявок собраны в статье «Как увеличить конверсию сайта», а что предложить в окне, кроме скидки, — в статье «Лид-магнит и pop-up».
Запустите акцию с честным таймером
Соберите окно с предложением, таймером и формой в «Ловце лидов». Когда срок выйдет, окно исчезнет само. Один виджет доступен бесплатно.
Вопросы и ответы
Как сделать таймер обратного отсчёта на сайте?
Есть три пути: написать несколько строк JavaScript с датой окончания, использовать блок конструктора сайта или плагин, либо поставить виджет. В AllWidgets таймер включается блоком «Таймер» в «Ловце лидов», а на сайт вставляется одна строка кода.
Чем таймер до даты отличается от персонального?
Таймер до даты показывает всем посетителям один и тот же срок. Персональный запускается при первом показе конкретному человеку и идёт для него независимо от других. В «Ловце лидов» персональный срок задаётся от 1 до 1440 минут и не начинается заново при новых визитах.
Можно ли ставить таймер, который каждый раз начинается заново?
Технически можно, но это вводит посетителей в заблуждение и подрывает доверие к сайту, а недостоверные сведения об условиях акции запрещены законом «О рекламе». В «Ловце лидов» такого режима нет намеренно.
Что происходит с окном, когда таймер закончился?
В «Ловце лидов» можно выбрать: «Больше не показывать» — окно и блок в странице перестают появляться, или «Показывать без таймера» — предложение остаётся, а отсчёт исчезает.
Учитывает ли таймер часовой пояс посетителя?
Таймер до даты считает до момента, заданного в выбранном часовом поясе, поэтому у посетителей из разных регионов акция заканчивается одновременно. В тексте рядом с таймером полезно указать время и пояс, например «до 23:59 по Москве».