UP TITLE
Своя иконка в блоке МЕ403 в Тильде
Введение
Tilda Publishing – это платформа, которая предоставляет уникальные возможности для создания веб-страниц без необходимости в глубоких знаниях программирования. Однако, иногда стандартный функционал конструктора сайтов Тильда может быть недостаточным. В таком случае на помощь приходят небольшие скрипты для тильды, которые открывают доступ к дополнительным функциям. Одной из таких интересных функций является возможность показа блоков или элементов в зеро блок по расписанию. Эта функция не только обогащает пользовательский опыт, но также способствует улучшению SEO-показателей. Давайте узнаем, почему показ блоков по расписанию в Тильде стал важным аспектом для многих владельцев веб-сайтов.
В этой статье мы рассмотрим две модификации для тильды:

  1. Отображение скрытых блоков или элементов в заданный промежуток времени
  2. Отображение скрытых блоков или элементов в определенный день недели


Для чего нужен показ блоков по расписанию в tilda
  1. В современном мире, где внимание пользователей крайне ценно, показ блоков в определенное время является эффективным способом удержания посетителей на вашем Тильда сайте. Регулярное обновление контента по расписанию увеличивает вовлеченность пользователей и поддерживает интерес к вашему ресурсу.
Как настроить скрытие и показ блоков в заданный промежуток времени в тильде
Tilda Publishing – это платформа, которая предоставляет уникальные возможности для создания веб-страниц без необходимости в глубоких знаниях программирования. Однако, иногда стандартный функционал конструктора сайтов Тильда может быть недостаточным. В таком случае на помощь приходят небольшие скрипты для тильды, которые открывают доступ к дополнительным функциям. Одной из таких интересных функций является возможность показа блоков или элементов в зеро блок по расписанию. Эта функция не только обогащает пользовательский опыт, но также способствует улучшению SEO-показателей. Давайте узнаем, почему показ блоков по расписанию в Тильде стал важным аспектом для многих владельцев веб-сайтов.
И так, рассмотрим способ, который позволяет показывать скрытый блок или элемент в конкретный промежуток времени:

  1. Создайте блок, который вы хотите скрыть и показывать по расписанию. Это может быть как стандартный блок, так и zero block
  2. Откройте настройки этого блока
  3. В самом низу настроек найдите ссылку «Добавить CSS Class Name»
  4. В появившемся поле введите класс «uc-hidden-block»
  5. После всех блоков на странице создайте html блок «Т123»
  6. Скопируйте в него первую модификацию (обе модификации вы найдете в конце этой статьи)
  7. В коде задайте время показа блока и время скрытия блока. Например, блок можно отобразить 28 января в 12:00 и скрыть 30 января в 14:30
  8. Сохраните изменения и опубликуйте страницу
  9. В заданные вами даты и время блок покажется и исчезнет автоматически
Как настроить скрытие и показ блоков в определенный день недели в тильде
Теперь перейдем ко второй модификации, которая показывает скрытый блок, например, только по средам. Ну или на протяжении любого другого дня недели:
  1. Создайте блок, который вы хотите скрыть и показывать по расписанию. Это может быть как стандартный блок, так и zero block
  2. Откройте настройки этого блока
  3. В самом низу настроек найдите ссылку «Добавить CSS Class Name»
  4. В появившемся поле введите класс «uc-hidden-block»
  5. После всех блоков на странице создайте html блок «Т123»
  6. Скопируйте в него вторую модификацию (обе модификации вы найдете в конце этой статьи)
  7. В коде вам нужно задать день недели от 0 до 6, где 0 – это воскресенье. Значит, если мы хотим показывать блок по средам, то просто должны прописать цифру 3
  8. Сохраните изменения и опубликуйте страницу
  9. Блок отобразится и будет показываться на протяжении всего определенного дня каждую неделю.
<!-- Первая модификация -->
<style>
    .uc-hidden-block {
        display: none;
    }
</style>
<script>
    // Укажите дату и время, когда блок должен стать видимым
    const showDate = new Date('2024-01-28T19:49:00'); // формат: гггг-мм-ддTчч:мм:сс

    // Укажите дату и время, когда блок должен исчезнуть
    const hideDate = new Date('2024-01-28T19:50:00'); // формат: гггг-мм-ддTчч:мм:сс

    function updateVisibility() {
        const now = new Date();
        const hiddenBlock = document.querySelector('.uc-hidden-block');

        if (now >= showDate && now < hideDate) {
            hiddenBlock.style.display = 'block';
        } else {
            hiddenBlock.style.display = 'none';
        }
    }

    updateVisibility();

    setInterval(updateVisibility, 1000); 

</script>

<!-- Вторая модификация -->
<style>
    .uc-hidden-block {
        display: none;
    }
</style>
<script>
    // Укажите день недели (0 - воскресенье, 1 - понедельник, и так далее)
    const targetDayOfWeek = 3; // Например, среда

    function updateVisibility() {
        const now = new Date();
        const hiddenBlock = document.querySelector('.uc-hidden-block');

        if (hiddenBlock && now.getDay() === targetDayOfWeek) {
            hiddenBlock.style.display = 'block';
        } else if (hiddenBlock) {
            hiddenBlock.style.display = 'none';
        }
    }

    updateVisibility();

    setInterval(updateVisibility, 1000); 

</script>
Примеры эффективного использования показа блоков по расписанию
Расписание для акций и скидок
Привлекайте внимание пользователей, запуская акции и предлагая скидки в определенные дни или часы.
Показ блоков в зависимости от геолокации
Адаптируйте контент под конкретную аудиторию, показывая блоки в зависимости от местоположения посетителя.
Заключение
  1. Показ блоков в тильде по расписанию – это не только способ обогатить пользовательский опыт, но и эффективный инструмент для улучшения SEO-показателей. Следуя простым шагам настройки, вы можете создать динамичный и привлекательный контент, который будет радовать ваших посетителей. Улучшите свой сайт сегодня и ощутите разницу.

© Mark Lungrin
Made on
Tilda