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