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