Всплывающее окно при уходе с сайта: как работает exit popup

Большинство посетителей уходят с сайта, ничего не оставив: посмотрели цены, сравнили и закрыли вкладку. Всплывающее окно при уходе, его ещё называют exit popup или exit intent, — последняя попытка задержать такого посетителя: предложить скидку, подарок или розыгрыш в тот момент, когда он уже потянулся к крестику. Разберём, как работает такое окно, где оно уместно, как настроить его без раздражения и что оно может, а что нет.

Как сайт понимает, что посетитель уходит

Сайт не может узнать о намерении человека напрямую, поэтому окно реагирует на поведение мыши. Когда посетитель собирается закрыть вкладку, перейти на другую или набрать новый адрес, курсор быстро уходит вверх, за пределы страницы, к панели браузера. Скрипт отслеживает этот момент и показывает окно.

Из этого следуют три важных свойства:

• Работает только на компьютере. На телефоне нет курсора, и уход с сайта выглядит как свайп или нажатие кнопки «Назад». Поэтому на мобильных exit popup почти не срабатывает, и для них нужен другой сценарий, например показ по таймеру.
• Окно не мешает уйти. Добросовестный exit popup не блокирует закрытие вкладки и не выдаёт системное «Вы действительно хотите уйти?». Он просто показывается поверх страницы, и посетитель может закрыть и окно, и сайт.
• Срабатывает не только при уходе. Курсор уходит вверх и тогда, когда человек переключает вкладку, чтобы сравнить цены, или тянется к закладкам. Это нормально: окно в этот момент тоже по делу, ведь посетитель как раз выбирает.

Когда окно при уходе уместно

Exit popup хорошо работает там, где у посетителя есть причина вернуться к покупке, а у вас есть чем подтолкнуть:

• Интернет-магазин: скидка или бесплатная доставка на первый заказ для того, кто посмотрел товар и уходит.
• Услуги: бесплатная консультация, расчёт стоимости или чек-лист в обмен на телефон.
• Курсы и мероприятия: промокод на первую оплату или запись на пробное занятие.
• Лендинг с одной целью: короткое повторение главного предложения для тех, кто пролистал страницу и не нажал кнопку.

А вот на информационных страницах, в справке и в блоге окно при уходе чаще раздражает: человек пришёл за ответом, получил его и уходит довольным. Предлагать ему скидку в этот момент — лишний шум.

Что показать в окне

Окно при уходе должно предлагать что-то конкретное и ценное прямо сейчас. «Подпишитесь на рассылку» почти никого не останавливает, а «Скидка 10 % на первый заказ, промокод действует три дня» — уже повод задержаться. Подробно о том, что предложить, как сформулировать заголовок и как не превратить окно в навязчивую рекламу, рассказано в статье «Всплывающее окно с промокодом: что предложить».

В AllWidgets для окна при уходе подходят два виджета:

• «Вам подарок» — окно с одним призом: промокодом с кнопкой копирования или кнопкой-ссылкой на акцию;
• «Колесо фортуны» — розыгрыш, где посетитель сам крутит колесо и получает один из призов. Игра вовлекает сильнее, но и времени требует больше. Как задать призы и шансы, показано в статье «Как настроить колесо фортуны».

Оба виджета могут попросить email или телефон перед тем, как отдать промокод или ссылку. Так окно при уходе превращается в сбор контактов: контакты видны в личном кабинете, а о новых можно получать письмо на почту.

Примеры текста для окна при уходе

У окна при уходе есть пара секунд, пока посетитель решает, закрыть его или прочитать. Поэтому заголовок должен сразу называть выгоду, а подзаголовок — условие. Несколько вариантов для разных сайтов:

• Интернет-магазин: «Скидка 10 % на первый заказ» и подзаголовок «Промокод действует 3 дня, введите его в корзине».
• Доставка еды или цветов: «Бесплатная доставка сегодня» и «Для заказов от 1500 ₽ по промокоду».
• Услуги: «Бесплатный расчёт стоимости» и «Оставьте телефон, перезвоним в рабочее время и посчитаем».
• Курсы: «Пробный урок бесплатно» и кнопка-ссылка «Записаться» на страницу записи.
• Колесо фортуны: «Испытайте удачу перед уходом» и призы с разной ценностью: от скидки 5 % до подарка к заказу.

Цифры и условия подставьте свои и проверьте, что обещание выполнимо: промокод должен работать в корзине, а «перезвоним» — значит, кто-то действительно перезвонит. Окно, которое обещает и не выполняет, хуже, чем никакого окна.

Как настроить показ при уходе с сайта

В редакторе обоих виджетов есть блок «Условия запуска» с тремя вариантами, их можно включать вместе:

1. Войдите в личный кабинет и создайте виджет «Вам подарок» или «Колесо фортуны».
2. Задайте приз: промокод или ссылку на акцию, у колеса ещё сектора и шансы.
3. В блоке «Условия запуска» отметьте «При попытке уйти с сайта».
4. Чтобы окно видели и на телефонах, включите «Отображать виджет на мобильных» и добавьте условие «По таймеру», например через 30–60 секунд.
5. Если нужно, включите запрос email или телефона перед показом приза и уведомления о новых контактах на почту.
6. Сохраните виджет, вставьте его код на сайт и проверьте показ в режиме инкогнито: уведите курсор вверх за пределы страницы.

Код вставляется одной строкой, как у остальных виджетов. Куда именно, показано в статье про установку виджетов на Tilda, WordPress и Битрикс.

Как не надоесть посетителю

Главная претензия к всплывающим окнам — назойливость. В виджетах AllWidgets ограничения встроены:

• Один раз за визит. Таймер и уход с сайта считаются вместе: если окно уже показалось, второй раз в той же вкладке браузера оно не появится, даже если человек снова поведёт мышь вверх или перейдёт на другую страницу.
• Не показывать повторно. Настройка «Не показывать при повторных визитах» запоминает посетителя на год: увидевший окно однажды больше его не встретит. Для разовой акции это честнее, чем показывать одно и то же каждый день.
• Закрыть легко. У окна есть крестик, а уходу со страницы оно не мешает.

Ещё несколько правил из практики:

• Не показывайте окно в первые секунды визита. Человек ещё не понял, куда попал, и закроет окно не читая. Для таймера разумно от 20–30 секунд.
• Одно окно на сайт. Если на странице одновременно стоят подарок, колесо фортуны и баннер с акцией, посетитель запутается. Выберите один сценарий.
• Предложение должно совпадать с тем, что человек смотрел. Скидка на доставку на странице контактов выглядит странно.
• Если просите контакт, объясните, зачем: «Пришлём промокод на почту» понятнее, чем просто поле email.

Своя кнопка вместо автоматического показа

Иногда окно лучше показывать не само, а по действию посетителя. Например, на странице есть баннер «Заберите подарок», и окно открывается по нажатию на него. Для этого включите условие «По JavaScript событию» и вызовите функцию виджета из своей кнопки:

<button type="button" onclick="allwidgets_gift()">Заберите подарок</button>

Для колеса фортуны функция называется allwidgets_fortune(). Если на сайте несколько таких виджетов, в скобках можно передать код нужного. Так окно при уходе и окно по кнопке можно совместить: автоматический показ для тех, кто уходит, и кнопку для тех, кто заинтересовался сам.

Как понять, что окно работает

В личном кабинете у каждого виджета есть статистика. У окна «Вам подарок» это показы, переходы по ссылке и нажатия на кнопку копирования промокода. У колеса фортуны — показы, вращения, оставленные контакты и выигрыши. Сравните показы с действиями: если окно видят многие, а промокод почти никто не копирует, дело в предложении, а не в моменте показа.

Самая честная проверка — заказы с промокодом. Сделайте для окна отдельный код скидки и посчитайте, сколько заказов пришло с ним за месяц. Если промокод используют, окно окупает своё место на экране. Если нет, попробуйте другое предложение, прежде чем отказываться от идеи.

Вопросы и ответы

Работает ли окно при уходе на телефоне?

Почти нет: на телефоне нет курсора, и уход с сайта не отследить по движению мыши. Для мобильных посетителей включите показ по таймеру и отдельную галочку «Отображать виджет на мобильных».

Не помешает ли окно человеку закрыть сайт?

Нет. Виджет не блокирует закрытие вкладки и не показывает системный вопрос «Вы действительно хотите уйти?». Окно появляется поверх страницы, его закрывают крестиком.

Сколько раз посетитель увидит окно?

Один раз за визит в одной вкладке браузера: таймер и уход с сайта считаются вместе. С настройкой «Не показывать при повторных визитах» окно не появится этому посетителю и в следующие визиты в течение года.

Можно ли поставить окно при уходе только на одну страницу?

Да. Вставьте код виджета только на эту страницу, а не в общий шаблон сайта. На Tilda для этого подходит блок «HTML-код» на нужной странице.

Сколько стоит такое окно?

Один виджет «Вам подарок» и один «Колесо фортуны» доступны бесплатно. Несколько окон для разных акций или сайтов — на тарифе Pro, подробнее на странице «Тарифы».