Loading...
Мы в соцсетях
Ответим на вопросы
Техподдержка
No-code платформа для интеграции с российскими сервисами
Адаптер
Образовательные курсы и гайды для IT-специалистов
Академия
Партнерам
Клиентам
О нас
Плагин для Тильды
Скачать расширение
Техподдержка
Модификации
AI-ассистент
Обучение
Профиль
Подписка
Партнерка
Новости
Шаблоны
Ai-ассистент для Тильды
....
NLM224 • Время настройки: 2 минуты

Как поменять текст в зеро блоке в зависимости от времени суток на Тильде?

Эта модификация позволяет динамически изменять текст приветствия на вашем сайте в зависимости от времени суток посетителя.

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

Дизайн настраиваете сами — наша модификация добавит нужный эффект.
Заголовок
Design creates culture. Culture shapes values. Values determine the future.
Перейти в каталог

Смотрите, как быстро установить модификацию

Инструкция
Шаг 1: Подготовка элемента в Tilda
  1. В Zero Block добавьте элемент «Text». В него можно вписать любой текст-заглушку, например, «Привет!».
  2. Выделите этот текстовый элемент и в панели настроек справа найдите поле CSS Class Name.
  3. Присвойте элементу уникальное имя класса. Например: greeting-text. Запомните или скопируйте это имя.
Шаг 2: Генерация кода
  1. Заполните поля на основе ваших задач:
  • Класс текстового элемента: Вставьте имя класса, которое вы задали на Шаге 1 (например, greeting-text)1.
  • Текст до/после приветствия: Введите статический текст, который будет отображаться перед и после динамической части. Эти поля можно оставить пустыми1.
  • Настройки для времени суток: Для каждого периода (утро, день, вечер, ночь) укажите:
  • Час (формат 24ч): Время, начиная с которого будет действовать приветствие. Например, для утреннего можно указать 6 (с 6:00), для дневного 11 (с 11:00) и т. д1.
  • Текст приветствия: Сам текст, который будет отображаться в этот период (например, «Доброе утро»)
  • Нажмите кнопку для генерации и скопируйте полученный HTML-код.
Шаг 3: Вставка кода на страницу
  1. Вернитесь в редактор вашей страницы на Tilda.
  2. Добавьте новый блок T123 из категории «Другое» → «HTML-код».
  3. Нажмите на кнопку «Контент» внутри этого блока и вставьте скопированный на предыдущем шаге код.
Шаг 4: Публикация и проверка
  1. Сохраните все изменения и опубликуйте страницу.
  2. Откройте опубликованную страницу, чтобы проверить результат. Приветствие должно соответствовать вашему текущему времени суток.
Совет
Гибкое использование: Эту модификацию можно использовать не только для приветствий. Вы можете менять таким образом любой текстовый элемент, например, призыв к действию или информацию об акции, которая актуальна только в определенное время. Например, «Вечерняя скидка 15%» с 19:00 до 23:00.

Сгенерируйте код для своего сайта

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1
Копируем ID товара
Вставляем ID товара в блок ST200 на странице.
+ нажимаем "Заполнить поля данными товара из каталога и сохранить."

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.