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