Попап из зеро блока при выходе с сайта
Попап из зеро блока при выходе с сайта — это один из самых эффективных инструментов удержания пользователей на Тильда сайте. Такой попап срабатывает в момент, когда пользователь собирается закрыть вкладку, и позволяет показать специальное предложение, скидку или форму захвата перед уходом.
В отличие от стандартных всплывающих окон, попап из зеро блока полностью настраивается через Zero Block, что даёт максимальную гибкость в дизайне и логике отображения.
- Код
- Инструкции
- Пример
- Подробнее
Модификация для создания попапа при выходе с сайта из зеро блока | Версия 1.0
Как создать попап из зеро блока при выходе с сайта
- Создайте зеро блок на вашей странице или в footer сайта, если ваш сайт многостраничный
- Откройте редактор блока и в поле ВЫСОТА WINDOW КОНТЕЙНЕРА, % пропишите цифру 100
- В меню РАСПОЛОЖЕНИЕ И ОВЕРФЛОУ в пункте ПОЛОЖЕНИЕ выберите Фиксированное
- В поле Z-ИНДЕКС укажите максимальное значение (9999999), чтобы попап перекрывал весь контент страницы
- Добавьте в этот блок свой оффер (предложение, форма заявки, скидка и т.д.)
- Добавьте кнопку закрытия попапа и присвойте ей класс closeoffer
- Попап будет показываться только на десктопах, поэтому настройте адаптивность на устройствах начиная с 960px, сохраните изменения и закройте зеро блок
- Скопируйте ID зеро блока с попапом и перейдите в генератор код
- Вставьте скопированный ID в первое поле
- Во втором поле пропишите количество дней, через которые попап повторно будет показан после последнего показа
- Нажмите на кнопку Копировать код
- Перейдите в редактор тильды, в конце страницы (или в footer, если сайт многостраничный) создайте HTML блок Т123 и вставьте в него сгенерированный код модификации
- Сохраните изменения и опубликуйте все страницы сайта
Зачем использовать попап из зеро блока при закрытии с сайта
Использование exit-intent механики в Tilda Publishing позволяет решать сразу несколько задач:
- снижать показатель отказов
- увеличивать конверсию лендинга
- собирать email и заявки через формы
- продвигать акции и спецпредложения
- возвращать внимание пользователя перед уходом
Попап из зеро блока при выходе с сайта особенно эффективен на лендингах, где важно “дожать” пользователя в последний момент.
Преимущества Zero Block для создания попапа
В Tilda Publishing есть стандартные блоки, но именно Zero Block даёт полный контроль:
- кастомный дизайн без ограничений
- адаптация под разные устройства
- возможность добавить анимации
- гибкая настройка элементов (кнопки, формы, таймеры)
Благодаря этому попап из зеро блока при выходе с сайта выглядит органично и не как шаблонное решение.
Как работает pop-up при выходе с сайта
Технически попап из зеро блока при выходе с сайта реализуется через JavaScript:
- отслеживается движение курсора пользователя
- при уходе курсора за верхнюю границу страницы срабатывает событие
- появляется скрытый блок (Zero Block)
- данные о показе сохраняются
Это решение легко внедряется в Tilda Publishing через HTML-блок.
Важные элементы эффективного попапа
Чтобы попап из зеро блока при закрытии сайта работал максимально эффективно, важно учитывать:
- заголовок — должен цеплять внимание
- оффер — конкретная выгода (скидка, бонус)
- визуал — аккуратный дизайн в стиле сайта
- CTA-кнопка — понятное действие
- кнопка закрытия — обязательна для UX
В Tilda Publishing всё это удобно реализуется через Zero Block.
Ограничения и нюансы
При использовании такого решения важно помнить:
- exit-intent работает только на десктопе
- не стоит показывать попап слишком часто
- дизайн не должен раздражать пользователя
Грамотно настроенный попап из зеро блока при выходе с сайта не ухудшает UX, а наоборот — усиливает маркетинг.
Итог
Попап из зеро блока при выходе с сайта — это мощный инструмент повышения конверсии в Тильде.
Такое решение особенно полезно для лендингов, интернет-магазинов и сайтов услуг, где важно не терять пользователя в последний момент. При правильной реализации попап становится не просто элементом интерфейса, а полноценным инструментом роста заявок и продаж.
