Эта модификация для Tilda позволяет автоматически создавать баннер из Zero-блока. Вы можете управлять его дизайном, временем появления, задержкой и условиями показа.
Что такое автоматический баннер и зачем он нужен?
Автоматический баннер — это всплывающее или закреплённое на странице сообщение, которое появляется через заданный промежуток времени после загрузки сайта. Такой баннер можно использовать для:
информирования о скидках и акциях,
сбора e-mail для подписки,
продвижения отдельных страниц или услуг,
напоминания о незавершённой покупке (в интернет-магазинах).
В Tilda подобный баннер можно создать с помощью Zero-блока, что обеспечивает полный контроль над его оформлением и поведением.
Почему лучше использовать Zero блок, а не сторонние решения?
Многие используют сторонние решения — всплывающие формы, виджеты или баннерные платформы, — однако у такого подхода есть свои недостатки:
дополнительная нагрузка на сайт из-за подключаемых скриптов и стилей (JS, CSS),
ограниченные возможности настройки дизайна,
зависимость от внешних сервисов и их правил.
Zero-блок позволяет создать баннер, полностью соответствующий стилю вашего сайта, без использования сторонних библиотек и инструментов.
Как работает автоматический баннер в Tilda
Модификация добавляет небольшой JavaScript-код, который:
находит нужный попап с Zero-блоком по его ID,
отображает его с заданной задержкой (например, через 10 секунд после загрузки страницы),
может скрывать баннер при повторных посещениях пользователя в течение определённого времени.
Таким образом, вы получаете полноценный функционал всплывающего баннера, полностью созданного вручную в редакторе Zero-блока.
Преимущества модификации автоматический баннер в зеро блоке
Гибкость — всё редактируется напрямую в визуальном редакторе Zero-блока.
Настраиваемая задержка — выбирайте оптимальный момент для показа баннера, при необходимости отключая повторное появление после закрытия.
Полная адаптивность — вы полностью управляете отображением на мобильных устройствах.
Минимальная нагрузка — никаких сторонних библиотек и лишнего кода.
Инструкция по установке модификации автоматический баннер из зеро блока
Создайте зеро блок и откройте редактор
В поле Высота window контейнера, % пропишите цифру 100
Соберите баннер по вашему дизайну и усмотрению
Внтури этого зеро блока создайте любой элемент для закрытия баннера
Нажмите правой кнопкой мыши на этот элемент и выберите Добавить имя CSS-класса
В появившемся поле присвойте элементу любой класс
Сохраните изменения и закройте зеро блок
Создайте блок Т1093Zero Block в попапе
Нажмите на кнопку Контент и в поле ID Нулевого блока пропишите ID зеро блока с баннером или выберите его
В поле Ссылка на pop-up пропишите любую ссылку для открытия этого попапа
В настройках этого блока отредактируйте фоновое размытие, цвет фона, анимацию появления баннера и т.д.
В генераторе кода модификации укажите ID БЛОКА Т1093, ссылку на попап из этого же блока, класс закрытия попапа, который вы присвоили в зеро блоке, время появления попапа после загрузки страницы и время повторного появления после закрытия попапа пользователем
Нажмите на кнопку Копировать код, чтобы скопировать сгенерированный код тильда модификации
На странице в Тильде создайте HTML блок Т123 и вставьте в Контент код модификации
На странице акции — показать предложение через 5–10 секунд после загрузки.
В блоге — предложить подписку после того, как пользователь ознакомился с материалом.
Модификация «Автоматический баннер из Zero-блока» — это удобный способ повысить вовлечённость и конверсию без использования сторонних сервисов. Установка занимает минимум времени, не требует технических навыков и подходит для любой страницы на Tilda.
Ни тратьте время на ручные доработки. На сайте LF-CODE вы найдёте готовые модификации для Тильды — от эффектных анимаций до полезных скриптов. Команда LF-CODE поможет адаптировать их под ваш сайт или реализовать нужную доработку с нуля.
📢 Подписывайтесь на Telegram канал, чтобы получать свежие обновления для сайтов!