Главная
»
Блог
»
Как автоматически выводить актуальную дату в Tilda

Как автоматически выводить актуальную дату в Tilda

28.01.2026
~ 2 минуты
время чтения статьи
Актуальность контента — это залог доверия (Social Proof). Если пользователь заходит на статью по amoCRM или кейс, а там стоит 2023 год, конверсия падает.

В Tilda нет стандартной функции «вставить сегодняшнюю дату», которая обновлялась бы сама. Но это решается парой строчек кода или правильной настройкой потоков. Разбираемся, как это сделать.

Способ 1. Динамическая дата через HTML-код (Блок T123)

Этот метод идеален, если вам нужно, чтобы в подвале или в шапке статьи всегда красовалась сегодняшняя дата (например: «Данные актуальны на: 28 января 2026»).
Инструкция:
  1. Добавьте блок T123 («Другое» -> «HTML-код») в нужное место страницы.
  2. Вставьте в него следующий код:
Дизайнерский нюанс: В блоке <style> вы можете гибко настроить line-height, letter-spacing и цвет, чтобы дата идеально вписалась в твою сетку.
<div id="today-date" class="date-style"></div>

<script>
  const options = { day: 'numeric', month: 'long', year: 'numeric' };
  document.getElementById('today-date').innerText = new Date().toLocaleDateString('ru-RU', options);
</script>

<style>
  .date-style {
    font-size: 16px;
    font-weight: 400;
    color: #333; /* Если хотите выделить дату определенным цветом */
  }
</style>

Способ 2. «Чистый» метод через Tilda Feeds (потоки)

Если вы ведете полноценный блог через Потоки, лучше использовать встроенный функционал. Это правильнее с точки зрения SEO.
  • В настройках каждого поста в разделе «Дата» укажите текущее число.
  • В настройках самого блока (например, список статей или полная страница поста) включите отображение даты: Контент -> Выводить дату.
Лайфхак: Чтобы статья всегда казалась свежей, дату в Потоках можно периодически обновлять вручную — это дает сигнал поисковикам, что контент актуализирован.

Способ 3. Интеграция в Zero Block (через CSS-класс)

Самый гибкий способ для тех, кто верстает в Zero. Нам нужно, чтобы скрипт нашел конкретный текстовый элемент и заменил его содержимое на дату.
  • Создайте в Zero Block текстовый элемент.
  • Нажмите на него правой кнопкой мыши -> Add CSS Class Name -> впишите js-date.
  • Ниже на странице добавьте блок T123 с кодом:
Почему это удобно? Вы можете стилизовать текст прямо в редакторе Zero Block (цвет, размер, адаптив), а скрипт просто подставит цифры в готовый дизайн.

Способ 3. Интеграция в Zero Block (через CSS-класс)

Самый гибкий способ для тех, кто верстает в Zero. Нам нужно, чтобы скрипт нашел конкретный текстовый элемент и заменил его содержимое на дату.
  • Создайте в Zero Block текстовый элемент.
  • Нажмите на него правой кнопкой мыши -> Add CSS Class Name -> впишите js-date.
  • Ниже на странице добавьте блок T123 с кодом:
Почему это удобно? Вы можете стилизовать текст прямо в редакторе Zero Block (цвет, размер, адаптив), а скрипт просто подставит цифры в готовый дизайн.
<script>
document.addEventListener("DOMContentLoaded", function() {
  const dateElements = document.querySelectorAll('.js-date');
  const now = new Date().toLocaleDateString('ru-RU'); 
  
  dateElements.forEach(el => el.innerText = now);
});
</script>

Что выбрать?

Если нужна дата публикации — используйте Потоки.
Если нужен виджет «Актуально сегодня» — используйте Zero Block + класс.
Если нужно быстро вставить дату в типовой блок — используйте T123.

Важный совет:

Не всегда стоит обновлять дату каждый день. Если это лонгрид, лучше выводить формат «Обновлено: [Дата]». Это честнее по отношению к пользователю и показывает, что вы следите за качеством материала, а не просто «накручиваете» свежесть.

Еще статьи